Fixed some deployment errors

.eslintrc.json

@@ -1,3 +1,6 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": "next/core-web-vitals",
+  "rules": {
+    "your-rule-name": "off"
+  }
 }

components/Main/SubSection/About.js

@@ -1,4 +1,6 @@
 import { motion } from "framer-motion";
+import Image from "next/image";
+
 import CustomFloatingAnimation from "@/components/UI/Animations/CustomFloatingAnimation";
 import Content from "./AboutSection/Content";
 import { GitHubIcon, LinkedInIcon, MailIcon } from "@/public/SVG/svg";
@@ -50,10 +52,14 @@ const About = () => {
             </a>
           </CustomFloatingAnimation>
 
-          <img
+          <Image
             className="h-[250px] w-[250px] md:h-[300px] md:w-[300px] lg:h-[350px] lg:w-[350px]"
+            width={250}
+            height={250}
             src="/PNG/memoji2.png"
             alt="Profile_Pic"
+            loading="eager"
+            importance="high"
           />
         </motion.div>
         <Content className="hidden md:block md:col-span-2 lg:hidden" />

components/Main/SubSection/AboutSection/Content.js

@@ -2,19 +2,20 @@ const Content = ({ className }) => {
   return (
     <div className={`${className}`}>
       <span className="font-headingFont text-lg md:text-xl">
-        I build things for web
+        I build things for the web
       </span>
       <br />
       <p className="my-2 text-sm md:text-base">
-        As a full stack developer, I bring hands-on experience gained through
+        As a full-stack developer, I bring hands-on experience gained through
         the successful completion of diverse projects. With a solid foundation
         in front-end and back-end technologies.
         <br />
         <br />
         <span>
-          I will love to hear from you. Whether It's a project, job opportunity,
-          or just a chat. <br className="hidden md:block lg:hidden" />
-          Feel free to {""}
+          I would love to hear from you. Whether it's a project, job
+          opportunity, or just a chat.{" "}
+          <br className="hidden md:block lg:hidden" />
+          Feel free to{" "}
           <a
             href="#Connect"
             className="underline decoration-teal-600 underline-offset-2 text-base md:text-lg"

components/Main/SubSection/Contact.js

@@ -32,7 +32,7 @@ const Contact = () => {
     return () => {
       clearTimeout(identifier);
     };
-  }, [name, email, subject, message]);
+  }, [name, email, subject, message, firstSubmissionCheck]);
 
   const onChangeHandler = (event, identifier) => {
     const value = event.target.value;

components/UI/Card/Education/ImageCard.js

@@ -3,6 +3,7 @@ const ImageCard = ({ url, bgColor }) => {
     <img
       className={`rounded-lg object-contain p-10 md:rounded-none md:h-full ${bgColor}`}
       src={url}
+      alt="logo"
     />
   );
 };