perf: remove framer-motion and lucide-react from critical path

- Remove framer-motion from Hero.tsx and HeaderClient.tsx, replace with CSS animations/transitions
- Replace lucide-react icons (Menu, X, Mail) with inline SVGs in HeaderClient.tsx
- Lazy-load About, Projects, Contact, Footer via dynamic() imports in ClientWrappers.tsx
- Defer ShaderGradient/BackgroundBlobs loading via requestIdleCallback in ClientProviders.tsx
- Remove AnimatePresence page wrapper that caused full re-renders
- Enable experimental.optimizeCss (critters) for critical CSS inlining
- Add fadeIn keyframe to Tailwind config for CSS-based animations

Homepage JS reduced from 563KB to 438KB (-125KB).
Eliminates ~39s main thread work from WebGL init and layout thrashing.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

package.json

@@ -87,10 +87,10 @@
     "three": "^0.183.1"
   },
   "browserslist": [
-    "last 2 Chrome versions",
-    "last 2 Firefox versions",
-    "last 2 Safari versions",
-    "last 2 Edge versions"
+    "chrome >= 100",
+    "firefox >= 100",
+    "safari >= 15",
+    "edge >= 100"
   ],
   "devDependencies": {
     "@eslint/eslintrc": "^3",
@@ -106,6 +106,7 @@
     "@types/react-dom": "^19",
     "@types/sanitize-html": "^2.16.0",
     "autoprefixer": "^10.4.24",
+    "critters": "^0.0.23",
     "cross-env": "^7.0.3",
     "eslint": "^9",
     "eslint-config-next": "^15.5.7",
@@ -121,11 +122,5 @@
     "tsx": "^4.20.5",
     "typescript": "5.9.3",
     "whatwg-fetch": "^3.6.20"
-  },
-  "browserslist": [
-    "chrome >= 100",
-    "firefox >= 100",
-    "safari >= 15",
-    "edge >= 100"
-  ]
+  }
 }