feat: explicitly install idb + use react-router instead of react-router-dom

cmd/hspguard/api/api.go

@@ -46,7 +46,7 @@ func (s *APIServer) Run() error {
 
 	router.Route("/api/v1", func(r chi.Router) {
 		am := imiddleware.New(s.cfg)
-		r.Use(imiddleware.WithSkipper(am.Runner, "/api/v1/auth/login", "/api/v1/auth/register", "/api/v1/auth/refresh", "/api/v1/oauth/token"))
+		r.Use(imiddleware.WithSkipper(am.Runner, "/api/v1/auth/login", "/api/v1/register", "/api/v1/auth/refresh", "/api/v1/oauth/token"))
 
 		userHandler := user.NewUserHandler(s.repo, s.storage)
 		userHandler.RegisterRoutes(r)

web/package-lock.json

@@ -11,6 +11,7 @@
         "@emotion/react": "^11.14.0",
         "@tailwindcss/vite": "^4.1.7",
         "axios": "^1.9.0",
+        "idb": "^8.0.3",
         "lucide-react": "^0.511.0",
         "next-themes": "^0.4.6",
         "react": "^19.1.0",
@@ -18,7 +19,7 @@
         "react-hook-form": "^7.56.4",
         "react-icons": "^5.5.0",
         "react-jwt": "^1.3.0",
-        "react-router": "^7.6.0",
+        "react-router": "^7.6.1",
         "tailwindcss": "^4.1.7",
         "zustand": "^5.0.5"
       },
@@ -3405,6 +3406,12 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/idb": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-8.0.3.tgz",
+      "integrity": "sha512-LtwtVyVYO5BqRvcsKuB2iUMnHwPVByPCXFXOpuU96IZPPoPN6xjOGxZQ74pgSVVLQWtUOYgyeL4GE98BY5D3wg==",
+      "license": "ISC"
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -4380,9 +4387,9 @@
       }
     },
     "node_modules/react-router": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.6.0.tgz",
-      "integrity": "sha512-GGufuHIVCJDbnIAXP3P9Sxzq3UUsddG3rrI3ut1q6m0FI6vxVBF3JoPQ38+W/blslLH4a5Yutp8drkEpXoddGQ==",
+      "version": "7.6.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.6.1.tgz",
+      "integrity": "sha512-hPJXXxHJZEsPFNVbtATH7+MMX43UDeOauz+EAU4cgqTn7ojdI9qQORqS8Z0qmDlL1TclO/6jLRYUEtbWidtdHQ==",
       "license": "MIT",
       "dependencies": {
         "cookie": "^1.0.1",

web/package.json

@@ -13,6 +13,7 @@
     "@emotion/react": "^11.14.0",
     "@tailwindcss/vite": "^4.1.7",
     "axios": "^1.9.0",
+    "idb": "^8.0.3",
     "lucide-react": "^0.511.0",
     "next-themes": "^0.4.6",
     "react": "^19.1.0",
@@ -20,7 +21,7 @@
     "react-hook-form": "^7.56.4",
     "react-icons": "^5.5.0",
     "react-jwt": "^1.3.0",
-    "react-router": "^7.6.0",
+    "react-router": "^7.6.1",
     "tailwindcss": "^4.1.7",
     "zustand": "^5.0.5"
   },

web/src/App.tsx

@@ -1,5 +1,5 @@
 import { type FC } from "react";
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { createBrowserRouter, RouterProvider } from "react-router";
 
 import IndexPage from "./pages/Index";
 import LoginPage from "./pages/Login";

web/src/feature/AccountList/index.tsx

@@ -2,7 +2,7 @@ import { type LocalAccount } from "@/repository/account";
 import { useAuth } from "@/store/auth";
 import { CirclePlus, User } from "lucide-react";
 import { useCallback, type FC } from "react";
-import { Link, useLocation } from "react-router-dom";
+import { Link, useLocation } from "react-router";
 
 const AccountList: FC = () => {
   const accounts = useAuth((state) => state.accounts);

web/src/layout/AuthLayout.tsx

@@ -7,7 +7,7 @@ import {
   useLocation,
   useNavigate,
   useSearchParams,
-} from "react-router-dom";
+} from "react-router";
 import BackgroundLayout from "./BackgroundLayout";
 import { useOAuthContext } from "@/context/oauth";
 

web/src/pages/Login/index.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Card, CardContent } from "@/components/ui/card";
 import { Mail, Lock } from "lucide-react";
-import { Link, useLocation } from "react-router-dom";
+import { Link, useLocation } from "react-router";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 

web/src/pages/Register/index.tsx

@@ -1,6 +1,6 @@
 import { Card, CardContent } from "@/components/ui/card";
 import { Mail, Lock, User, Phone } from "lucide-react";
-import { Link, useLocation } from "react-router-dom";
+import { Link, useLocation } from "react-router";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";