Added react-router

src-web/main.tsx

@@ -1,29 +1,51 @@
 import React from 'react';
+import init, { greet } from 'hello';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 import { HelmetProvider } from 'react-helmet-async';
 import { MotionConfig } from 'framer-motion';
-import init, { greet } from 'hello';
 import { invoke } from '@tauri-apps/api';
 import { setTheme } from './lib/theme';
-
-import './main.css';
 import { QueryClient, QueryClientProvider } from 'react-query';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { Layout } from './pages/Layout';
+import { Workspaces } from './pages/Workspaces';
+import './main.css';
 
 setTheme();
 
 await init();
 greet();
 await invoke('load_db');
-
 const queryClient = new QueryClient();
 
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <Layout />,
+    children: [
+      {
+        path: '/',
+        element: <Workspaces />,
+      },
+      {
+        path: '/workspaces/:workspaceId',
+        element: <App />,
+      },
+      {
+        path: '/workspaces/:workspaceId/requests/:requestId',
+        element: <App />,
+      },
+    ],
+  },
+]);
+
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <QueryClientProvider client={queryClient}>
       <MotionConfig transition={{ duration: 0.15 }}>
         <HelmetProvider>
-          <App />
+          <RouterProvider router={router} />
         </HelmetProvider>
       </MotionConfig>
     </QueryClientProvider>