feat: update Projects component with framer-motion variants and improve animations

refactor: modify layout to use ClientOnly and BackgroundBlobsClient components

fix: correct import statement for ActivityFeed in the main page

fix: enhance sitemap fetching logic with error handling and mock support

refactor: convert BackgroundBlobs to default export for consistency

refactor: simplify ErrorBoundary component and improve error handling UI

chore: update framer-motion to version 12.24.10 in package.json and package-lock.json

test: add minimal Prisma Client mock for testing purposes

feat: create BackgroundBlobsClient for dynamic import of BackgroundBlobs

feat: implement ClientOnly component to handle client-side rendering

feat: add custom error handling components for better user experience

app/api/fetchImage/route.tsx

@@ -12,9 +12,32 @@ export async function GET(req: NextRequest) {
   }
 
   try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(`Failed to fetch image: ${response.statusText}`);
+    // Try global fetch first, fall back to node-fetch if necessary
+    let response: any;
+    try {
+      if (typeof (globalThis as any).fetch === 'function') {
+        response = await (globalThis as any).fetch(url);
+      }
+    } catch (e) {
+      response = undefined;
+    }
+
+    if (!response || typeof response.ok === 'undefined' || !response.ok) {
+      try {
+        const mod = await import('node-fetch');
+        const nodeFetch = (mod as any).default ?? mod;
+        response = await nodeFetch(url);
+      } catch (err) {
+        console.error('Failed to fetch image:', err);
+        return NextResponse.json(
+          { error: "Failed to fetch image" },
+          { status: 500 },
+        );
+      }
+    }
+
+    if (!response || !response.ok) {
+      throw new Error(`Failed to fetch image: ${response?.statusText ?? 'no response'}`);
     }
 
     const contentType = response.headers.get("content-type");