chore: fix suspense wrapper

web/src/layouts/SuspenseWrapper.tsx

@@ -0,0 +1,13 @@
+import { Suspense } from "react";
+import { Outlet } from "react-router-dom";
+import Loading from "@/pages/Loading";
+
+function SuspenseWrapper() {
+  return (
+    <Suspense fallback={<Loading />}>
+      <Outlet />
+    </Suspense>
+  );
+}
+
+export default SuspenseWrapper;

web/src/router/index.tsx

@@ -1,6 +1,7 @@
 import { lazy } from "react";
 import { createBrowserRouter } from "react-router-dom";
 import App from "@/App";
+import SuspenseWrapper from "@/layouts/SuspenseWrapper";
 import { initialGlobalState } from "@/store/module";
 import AuthStatusProvider from "./AuthStatusProvider";
 
@@ -36,17 +37,23 @@ const router = createBrowserRouter([
     loader: () => initialGlobalStateLoader(),
     children: [
       {
-        path: "/auth",
+        path: "/auth/",
+        element: <SuspenseWrapper />,
+        children: [
+          {
+            path: "",
             element: <SignIn />,
           },
           {
-        path: "/auth/signup",
+            path: "signup",
             element: <SignUp />,
           },
           {
-        path: "/auth/callback",
+            path: "callback",
             element: <AuthCallback />,
           },
+        ],
+      },
       {
         path: "/",
         element: <Root />,