feat: store logged account

web/src/App.tsx

@@ -1,10 +1,11 @@
-import { type FC } from "react";
+import { useEffect, 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";
+import { useDbContext } from "./context/db/db";
+import { openDB } from "idb";
 
 const router = createBrowserRouter([
   {
@@ -22,11 +23,23 @@ const router = createBrowserRouter([
 ]);
 
 const App: FC = () => {
-  return (
-    <DbProvider>
-      <RouterProvider router={router} />
-    </DbProvider>
-  );
+  const { db, setDb } = useDbContext();
+
+  useEffect(() => {
+    const openConnection = async () => {
+      const conn = await openDB("guard-local", 3);
+
+      if (!conn.objectStoreNames.contains("accounts")) {
+        conn.createObjectStore("accounts", { keyPath: "accountId" });
+      }
+
+      setDb(conn);
+    };
+
+    openConnection();
+  }, [db, setDb]);
+
+  return <RouterProvider router={router} />;
 };
 
 export default App;