labguage and colormode support

src/components/mainViews/Projects.jsx

@@ -18,15 +18,18 @@ import animedbImg1 from "../../assets/img/projects/animedb1.png";
 import animedbImg2 from "../../assets/img/projects/animedb2.png";
 import animedbImg3 from "../../assets/img/projects/animedb3.png";
 import strogasoImg from "../../assets/img/projects/strogaso.png";
+import { useLang } from "../../Context/LangContext";
 
 const Projects = () => {
+const {language} = useLang()
+
   const projectArr = [
     {
       name: "inkspire.",
       urls: { ghUrl: "https://github.com/yousifpa98/inkspire" },
       year: "2024",
-      job: "freelance",
-      imgs: [inkspireImg],
+      job: language === "en-GB" ? "freelance" : "freiberuflich",
+      imgs: [inkspireImg], 
       id: 1,
     },
     {
@@ -36,7 +39,7 @@ const Projects = () => {
         liveUrl: "https://druckerei-eberwein.de/",
       },
       year: "2024",
-      job: "freelance",
+      job: language === "en-GB" ? "freelance" : "freiberuflich",
       imgs: [debImg],
       id: 2,
     },
@@ -47,7 +50,7 @@ const Projects = () => {
         liveUrl: "https://otakucritics.netlify.app/",
       },
       year: "2024",
-      job: "personal project",
+      job: language === "en-GB" ? "personal project" : "pers. Projekt",
       imgs: [animeDBImg],
       id: 3,
     },
@@ -76,6 +79,7 @@ const Projects = () => {
   const handleAnimationEnd = (setAnimation) => {
     setAnimation(""); // Clear animation to prevent re-triggering
   };
+  
   return (
     <div className="gridContainer">
       <Navigation />