feat: major UI/UX overhaul, snippets system, and performance fixes

app/_ui/HomePage.tsx

@@ -5,8 +5,14 @@ import Projects from "../components/Projects";
 import Contact from "../components/Contact";
 import Footer from "../components/Footer";
 import Script from "next/script";
+import { useEffect } from "react";
 
 export default function HomePage() {
+  useEffect(() => {
+    // Force scroll to top on mount to prevent starting at lower sections
+    window.scrollTo(0, 0);
+  }, []);
+
   return (
     <div className="min-h-screen">
       <Script

app/_ui/ProjectDetailClient.tsx

@@ -1,13 +1,11 @@
 "use client";
 
-import { ExternalLink, ArrowLeft, Github as GithubIcon, Calendar } from "lucide-react";
-import Link from "next/link";
+import { ExternalLink, ArrowLeft, Github as GithubIcon } from "lucide-react";
 import { useEffect, useState } from "react";
 import ReactMarkdown from "react-markdown";
 import { useTranslations } from "next-intl";
 import Image from "next/image";
 import { useRouter } from "next/navigation";
-import { Skeleton } from "../components/ui/Skeleton";
 
 export type ProjectDetailData = {
   id: number;

app/_ui/ProjectsPageClient.tsx

@@ -9,13 +9,14 @@ import Image from "next/image";
 import { Skeleton } from "../components/ui/Skeleton";
 
 export type ProjectListItem = {
-  id: number;
+  id: number | string; // Allow both for Directus (string) and Prisma (number) compatibility
   slug: string;
   title: string;
   description: string;
   tags: string[];
   category: string;
   date?: string;
+  createdAt?: string;
   imageUrl?: string | null;
 };