feat: database context

web/src/App.tsx

@@ -1,14 +1,32 @@
-import { useEffect, useState, type FC } from "react";
-import { getDeviceId } from "./util/deviceId";
+import { type FC } from "react";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { DbProvider } from "./context/db/provider";
+
+import IndexPage from "./pages/Index";
+import LoginPage from "./pages/Login";
+import RegisterPage from "./pages/Register";
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <IndexPage />,
+  },
+  {
+    path: "/login",
+    element: <LoginPage />,
+  },
+  {
+    path: "/register",
+    element: <RegisterPage />,
+  },
+]);
 
 const App: FC = () => {
-  const [deviceId, setDeviceId] = useState("");
-
-  useEffect(() => {
-    getDeviceId().then((id) => setDeviceId(id));
-  }, []);
-
-  return <div>{deviceId}</div>;
+  return (
+    <DbProvider>
+      <RouterProvider router={router} />
+    </DbProvider>
+  );
 };
 
 export default App;