added dl cv link (no cv yet) in nav

src/components/Navigation.jsx

@@ -6,6 +6,7 @@ import CodeIcon from "../assets/icons/navIcons/code.svg?react";
 import EnvelopeIcon from "../assets/icons/navIcons/envelope.svg?react";
 import HouseIcon from "../assets/icons/navIcons/house.svg?react";
 import SuitcaseIcon from "../assets/icons/navIcons/suitcase.svg?react";
+import DownloadIcon from "../assets/icons/navIcons/download.svg?react";
 import { NavLink } from "react-router-dom";
 import clsx from "clsx";
 
@@ -18,6 +19,7 @@ const Navigation = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
     { name: "Experience", to: "/workExp", icon: SuitcaseIcon, id: 3 },
     { name: "Projects", to: "/projects", icon: CodeIcon, id: 4 },
     { name: "Contact", to: "/contact", icon: EnvelopeIcon, id: 5 },
+    { name: "CV", to: "", icon: DownloadIcon, id: 6 },
   ];
   return (
     <div
@@ -33,7 +35,11 @@ const Navigation = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
               <NavLink
                 to={item.to}
                 className={({ isActive }) =>
-                  clsx("navLink", { active: isActive })
+                  clsx(
+                    "navLink",
+                    { active: isActive },
+                    item.name === "CV" && "cv" // Add "cv" class if item.name is "CV"
+                  )
                 }
               >
                 <span>{item.name}</span> <IconComponent className="navIcon" />