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

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;
 };