reorg

web/src/App.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { AppShell } from '@mantine/core';
+import Header from './components/Header';
+import Navigation from './components/Navigation';
+import HomePage from './pages/HomePage';
+import AppLoader from './components/AppLoader';
+
+function App() {
+  return (
+    <AppShell
+      header={{ height: 60 }}
+      navbar={{ width: 300, breakpoint: 'sm' }}
+      padding="md"
+    >
+      <AppShell.Header>
+        <Header />
+      </AppShell.Header>
+      <AppShell.Navbar>
+        <Navigation />
+      </AppShell.Navbar>
+      <AppShell.Main>
+        <Routes>
+          <Route path="/" element={<HomePage />} />
+          <Route path="/app/:appName/*" element={<AppLoader />} />
+        </Routes>
+      </AppShell.Main>
+    </AppShell>
+  );
+}
+
+export default App;