fix: serve design studio through the component app production route

wrnexus.config.ts

@@ -5,14 +5,21 @@ const config: AppConfig = {
   seo: {
     title: "WRNexus UI Component Showcase",
     titleTemplate: "%s | UI Showcase",
-    description: "A generated, exhaustive showcase of every component in @wrnexus/ui.",
+    description:
+      "A generated, exhaustive showcase of every component in @wrnexus/ui.",
     robots: "noindex,nofollow",
     themeColor: "#7c3aed",
   },
   security: {
+    // Studio supplies its own editor and sandboxed-preview security policies.
+    routeContentSecurityPolicy: true,
     contentSecurityPolicy: {
       directives: {
-        "frame-src": ["'self'", "https://www.openstreetmap.org", "https://www.google.com"],
+        "frame-src": [
+          "'self'",
+          "https://www.openstreetmap.org",
+          "https://www.google.com",
+        ],
       },
     },
   },
@@ -22,7 +29,9 @@ const config: AppConfig = {
   },
   fonts: {
     sans: '"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif',
-    google: [{ family: "Plus Jakarta Sans", weights: [400, 500, 600, 700, 800] }],
+    google: [
+      { family: "Plus Jakarta Sans", weights: [400, 500, 600, 700, 800] },
+    ],
   },
   styles: {
     entry: "app/styles/global.css",