refactor: initial moves

web/src/App.tsx

@@ -0,0 +1,22 @@
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import { DashboardLayout } from "./layouts/DashboardLayout";
+import { Dashboard } from "./pages/Dashboard";
+import { Activity } from "./pages/Activity";
+import { Settings } from "./pages/Settings";
+import "./index.css";
+
+export function App() {
+  return (
+    <BrowserRouter>
+      <Routes>
+        <Route path="/" element={<DashboardLayout />}>
+          <Route index element={<Dashboard />} />
+          <Route path="activity" element={<Activity />} />
+          <Route path="settings" element={<Settings />} />
+        </Route>
+      </Routes>
+    </BrowserRouter>
+  );
+}
+
+export default App;