perf: add Three.js and Recharts to optimizePackageImports + document dynamic import pattern

next.config.ts

@@ -29,7 +29,6 @@ const nextConfig: NextConfig = {
       {
         source: "/(.*)",
         headers: [
-          // ✅ SAMEORIGIN (not DENY) so /embed/ iframes work
           { key: "X-Frame-Options", value: "SAMEORIGIN" },
           { key: "X-Content-Type-Options", value: "nosniff" },
           { key: "Referrer-Policy", value: "strict-origin-when-cross-origin" },
@@ -41,19 +40,12 @@ const nextConfig: NextConfig = {
             key: "Content-Security-Policy",
             value: [
               "default-src 'self'",
-              // Scripts: Next.js needs unsafe-inline for inline event handlers; Turnstile needs its domain
               "script-src 'self' 'unsafe-inline' 'unsafe-eval' https://challenges.cloudflare.com https://www.googletagmanager.com",
-              // Styles: Google Fonts + Tailwind inline
               "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com",
-              // Fonts: Google Fonts CDN
               "font-src 'self' https://fonts.gstatic.com",
-              // Images: broad HTTPS allowed (user avatar, AI-generated images)
               "img-src 'self' data: blob: https:",
-              // Frames: Cloudflare Turnstile widget + same-origin embeds
               "frame-src 'self' https://challenges.cloudflare.com",
-              // Connect: AI APIs + Cloudflare + analytics
               "connect-src 'self' https://api.openai.com https://api.anthropic.com https://generativelanguage.googleapis.com https://challenges.cloudflare.com wss: ws:",
-              // Media / workers (Next.js internals)
               "media-src 'self' blob:",
               "worker-src 'self' blob:",
             ].join("; "),
@@ -61,14 +53,12 @@ const nextConfig: NextConfig = {
         ],
       },
       {
-        // Cache logos & brand assets for 1 year
         source: "/logos/(.*)",
         headers: [
           { key: "Cache-Control", value: "public, max-age=31536000, immutable" },
         ],
       },
       {
-        // Cache other static public assets for 1 day
         source: "/(.*\\.(?:svg|png|jpg|jpeg|gif|ico|woff2|woff|ttf))",
         headers: [
           { key: "Cache-Control", value: "public, max-age=86400, stale-while-revalidate=3600" },
@@ -84,10 +74,16 @@ const nextConfig: NextConfig = {
       "react-icons",
       "framer-motion",
       "recharts",
+      "three",
+      "@react-three/fiber",
+      "@react-three/drei",
       "@radix-ui/react-dropdown-menu",
       "@radix-ui/react-select",
       "@radix-ui/react-tabs",
       "@radix-ui/react-tooltip",
+      "@radix-ui/react-checkbox",
+      "react-markdown",
+      "zustand",
     ],
   },
 };