feat(desktop): keep each workspace's view alive across workspace switches

apps/desktop/src/App.tsx

@@ -1,19 +1,17 @@
 import { QueryClientProvider } from "@tanstack/react-query";
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import { RouterProvider } from "react-router-dom";
 import { queryClient } from "./queries/queryClient";
-import { router } from "./router";
+import { RootLayout } from "./views/RootLayout";
 
-/** App entrypoint. The whole component tree (layout + workspace state +
- * snapshot stream + selection + routes) is set up in `router.tsx` →
- * `RootLayout`. The `QueryClientProvider` sits above every route so all data
- * hooks share one cache. This file is intentionally minimal so adding new
- * state providers, route guards, or error boundaries doesn't require touching
- * the root component. */
+/** App entrypoint. The whole component tree (workspace state + per-workspace
+ * routers + layout) is set up in `RootLayout`. The `QueryClientProvider` sits
+ * above every workspace so all data hooks share one cache. This file is
+ * intentionally minimal so adding new state providers, route guards, or error
+ * boundaries doesn't require touching the root component. */
 export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
-      <RouterProvider router={router} />
+      <RootLayout />
       {import.meta.env.DEV && <ReactQueryDevtools initialIsOpen={false} />}
     </QueryClientProvider>
   );