diff --git a/.eslintrc.json b/.eslintrc.json
index bffb357..eceefd8 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,3 +1,4 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "ignorePatterns": ["venv/**/*.*"]
 }
diff --git a/src/app/agents/page.tsx b/src/app/agents/page.tsx
index d921a56..914b562 100644
--- a/src/app/agents/page.tsx
+++ b/src/app/agents/page.tsx
@@ -7,6 +7,7 @@ import { GET_AGENTS } from "@/utils/graphql_queries";
 import { useQuery } from "@apollo/client";
 import { Icon } from "@iconify/react";
 import { Alert, Button, IconButton } from "@material-tailwind/react";
+import Image from "next/image";
 import { useState } from "react";
 
 const AgentsPage = () => {
@@ -89,7 +90,7 @@ const AgentsPage = () => {
                 i % 2 == 0 ? "lg:flex-row" : "lg:flex-row-reverse"
               } rounded overflow-hidden h-auto min-h-52 border`}
             >
-              <img
+              <Image
                 className="block max-w-72 w-full lg:w-48 flex-none bg-cover mx-auto"
                 src={agent.image ?? "/agents_images/sailor.png"}
                 alt="Agent"
diff --git a/src/components/modals/agent_modal.tsx b/src/components/modals/agent_modal.tsx
index 02c8dce..84c1155 100644
--- a/src/components/modals/agent_modal.tsx
+++ b/src/components/modals/agent_modal.tsx
@@ -21,6 +21,7 @@ import Swal from "sweetalert2";
 import withReactContent from "sweetalert2-react-content";
 import { DELETE_AGENT, UPDATE_AGENT } from "@/utils/graphql_queries";
 import { useMutation } from "@apollo/client";
+import Image from "next/image";
 
 export default function AgentModal(props: {
   agent: Agent;
@@ -371,7 +372,7 @@ export default function AgentModal(props: {
                         </Button>
                       </div>
                       {selectedImage && (
-                        <img
+                        <Image
                           // @ts-ignore
                           src={selectedImage}
                           alt="Agent Image"
@@ -380,7 +381,7 @@ export default function AgentModal(props: {
                       )}
                     </>
                   ) : (
-                    <img
+                    <Image
                       src={tempAgent?.image ?? "/agents_images/sailor.png"}
                       alt="Agent Image"
                       className="w-7/12 mx-auto rounded-lg"
diff --git a/src/components/ui/tasks_accordions.tsx b/src/components/ui/tasks_accordions.tsx
index 0d61bf6..02375ab 100644
--- a/src/components/ui/tasks_accordions.tsx
+++ b/src/components/ui/tasks_accordions.tsx
@@ -20,11 +20,15 @@ export function TasksAccordion({ tasks }: { tasks: Array<Task> }) {
           open={open === i}
           className="mb-2 rounded-lg border border-blue-gray-100 px-4"
           placeholder={undefined}
+          onPointerEnterCapture={undefined}
+          onPointerLeaveCapture={undefined}
         >
           <AccordionHeader
             onClick={() => handleOpen(i)}
             className={`border-b-0 transition-colors ${open === i ? "text-blue-500 hover:!text-blue-700" : "text-gray-400 hover:!text-gray-300"}`}
             placeholder={undefined}
+            onPointerEnterCapture={undefined}
+            onPointerLeaveCapture={undefined}
           >
             {task.name}
           </AccordionHeader>
@@ -35,15 +39,30 @@ export function TasksAccordion({ tasks }: { tasks: Array<Task> }) {
               </span>
             </div>
             <div>
-              <Typography variant="lead" placeholder={undefined}>
+              <Typography
+                variant="lead"
+                placeholder={undefined}
+                onPointerEnterCapture={undefined}
+                onPointerLeaveCapture={undefined}
+              >
                 {task.description}
               </Typography>
             </div>
             <div>
-              <Typography variant="h3" placeholder={undefined}>
+              <Typography
+                variant="h3"
+                placeholder={undefined}
+                onPointerEnterCapture={undefined}
+                onPointerLeaveCapture={undefined}
+              >
                 Expected Output
               </Typography>
-              <Typography variant="paragraph" placeholder={undefined}>
+              <Typography
+                variant="paragraph"
+                placeholder={undefined}
+                onPointerEnterCapture={undefined}
+                onPointerLeaveCapture={undefined}
+              >
                 {task.expected_output}
               </Typography>
             </div>
diff --git a/tsconfig.json b/tsconfig.json
index 068633b..ee158bf 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -22,5 +22,5 @@
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "**/*.js", "postcss.config.cjs"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "venv"]
 }