fix(web): wrap pathname-aware AppChrome in Suspense for cacheComponents

The dynamic /chats/[chatId] route failed to prerender ("uncached data
accessed outside <Suspense>") because AppChrome read usePathname() at the
top level. Move the pathname-dependent frame into a Suspense-wrapped
WorkspaceChrome so the dynamic read sits inside a boundary. Production
build now emits the workspace routes as Partial Prerender (13/13).

Author: iamjr15

apps/web/src/components/shell/app-chrome.tsx

@@ -6,14 +6,27 @@ import { AppSidebar } from "@/components/shell/app-sidebar";
 import { cn } from "@/lib/ui/cn";
 
 export function AppChrome({ children }: { children: ReactNode }) {
-  const pathname = usePathname();
-  const isWorkspace = pathname.startsWith("/projects") || pathname.startsWith("/chats");
-
+  // The chrome layout depends on `usePathname()` (dynamic) to tell workspace
+  // routes (/projects, /chats) from the rest. Under Next's `cacheComponents`,
+  // that dynamic read must live inside a <Suspense> boundary or the dynamic
+  // `/chats/[chatId]` route fails to prerender. Keeping the whole pathname-aware
+  // frame in WorkspaceChrome satisfies that without changing runtime behavior.
   return (
     <main className="min-h-screen bg-white text-thread-text-primary">
       <Suspense fallback={null}>
-        <AppSidebar variant={isWorkspace ? "rail" : "full"} />
+        <WorkspaceChrome>{children}</WorkspaceChrome>
       </Suspense>
+    </main>
+  );
+}
+
+function WorkspaceChrome({ children }: { children: ReactNode }) {
+  const pathname = usePathname();
+  const isWorkspace = pathname.startsWith("/projects") || pathname.startsWith("/chats");
+
+  return (
+    <>
+      <AppSidebar variant={isWorkspace ? "rail" : "full"} />
       <div
         className={cn(
           "min-h-screen min-w-0",
@@ -25,6 +38,6 @@ export function AppChrome({ children }: { children: ReactNode }) {
       >
         {children}
       </div>
-    </main>
+    </>
   );
 }