Refactor project slug handling and improve project retrieval logic

components/project-item.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import { projectSlug } from "@/lib/data";
 import { Project } from "@/lib/types";
 import Chip from "@/components/chip";
 import ImageCarousel from "@/components/image-carousel";
@@ -64,7 +65,7 @@ const ProjectItem = ({ project }: ProjectItemProps) => {
         </div>
 
         <Link
-          href={`/projects/${project.name}`}
+          href={`/projects/${projectSlug(project)}`}
           className="text-center glass-effect glossy-effect bottom gloss-highlight p-2 rounded-2xl bg-yellow-400 hover:bg-yellow-500 text-black font-bold"
         >
           Read more