feat: implement project management features with routing, including project creation, deletion, renaming, and graph persistence

frontend/src/main.tsx

@@ -1,8 +1,11 @@
 import React from 'react'
 import { createRoot } from 'react-dom/client'
+import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'
 import { ThemeProvider } from './lib/themeContext'
 import { registerBuiltinNodes } from './lib/registerBuiltinNodes'
 import { PlatformPage } from './app/platform/PlatformPage'
+import { ProjectsPage } from './app/platform/ProjectsPage'
+import { CanvasRoute } from './app/platform/CanvasRoute'
 import './styles.css'
 import '@xyflow/react/dist/style.css'
 
@@ -11,7 +14,15 @@ registerBuiltinNodes()
 createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <ThemeProvider>
-      <PlatformPage />
+      <BrowserRouter>
+        <Routes>
+          <Route path="/" element={<PlatformPage />}>
+            <Route index element={<Navigate to="/projects" replace />} />
+            <Route path="projects" element={<ProjectsPage />} />
+            <Route path="projects/:projectId" element={<CanvasRoute />} />
+          </Route>
+        </Routes>
+      </BrowserRouter>
     </ThemeProvider>
   </React.StrictMode>
 )