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

app/__tests__/api/hobbies.test.tsx

@@ -1,4 +1,4 @@
-import { NextResponse } from "next/server";
+import { NextResponse, NextRequest } from "next/server";
 import { GET } from "@/app/api/hobbies/route";
 
 // Mock the route handler module
@@ -12,7 +12,7 @@ describe("GET /api/hobbies", () => {
       NextResponse.json({ hobbies: [{ id: 1, title: "Gaming" }] })
     );
 
-    const response = await GET({} as any);
+    const response = await GET({} as NextRequest);
     const data = await response.json();
     expect(response.status).toBe(200);
     expect(data.hobbies).toHaveLength(1);