test(better auth): implementation start of better auth

frontend/src/routes/__admin.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/__admin')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/(__admin)/__admin"!</div>
+}

frontend/src/routes/__root.tsx

@@ -1,8 +1,13 @@
-import { createRootRoute, Outlet } from "@tanstack/react-router";
+import { createRootRoute, Link, Outlet } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
 
 const RootLayout = () => (
     <>
+        <nav className="flex gap-1">
+            <Link to="/">Home</Link>
+            {/* <Link to="/admin">Admin</Link> */}
+        </nav>
+        <hr></hr>
         <Outlet />
         <TanStackRouterDevtools />
     </>

frontend/src/routes/_adminLayout/-components/Nav.tsx

@@ -0,0 +1,23 @@
+import { Link } from "@tanstack/react-router";
+
+export default function Nav() {
+    return (
+        <div>
+            <nav className="flex gap-1">
+                <Link
+                    to="/admin"
+                    className="[&.active]:font-bold"
+                    activeOptions={{ exact: true }}
+                >
+                    Admin
+                </Link>
+                <Link to="/admin/servers" className="[&.active]:font-bold">
+                    Servers
+                </Link>
+                <Link to="/admin/users" className="[&.active]:font-bold">
+                    Users
+                </Link>
+            </nav>
+        </div>
+    );
+}

frontend/src/routes/_adminLayout/-components/Server.tsx

@@ -0,0 +1,8 @@
+import { getRouteApi } from "@tanstack/react-router";
+
+export default function Server() {
+    const { useParams } = getRouteApi("/_adminLayout/admin/servers/$serverId");
+
+    const { serverId } = useParams();
+    return <div>server id {serverId}!</div>;
+}

frontend/src/routes/_adminLayout/admin/index.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_adminLayout/admin/')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_adminLayout/admin/"!</div>
+}

frontend/src/routes/_adminLayout/admin/servers.tsx

@@ -0,0 +1,27 @@
+import { createFileRoute, Link } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/_adminLayout/admin/servers")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return (
+        <div>
+            Hello "/admin/servers"! <br />
+            <Link
+                to="/admin/servers/$serverId"
+                params={{
+                    serverId: "5",
+                }}
+            >
+                Server 5
+            </Link>
+            <Link
+                to="/admin/servers/$serverId"
+                params={(prev) => ({ ...prev, serverId: "10" })}
+            >
+                Server 5
+            </Link>
+        </div>
+    );
+}

frontend/src/routes/_adminLayout/admin/servers/$serverId.tsx

@@ -0,0 +1,10 @@
+import { createFileRoute } from "@tanstack/react-router";
+import Server from "../../-components/Server";
+
+export const Route = createFileRoute("/_adminLayout/admin/servers/$serverId")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return <Server />;
+}

frontend/src/routes/_adminLayout/admin/servers/$serverId_/edit.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_adminLayout/admin/servers/$serverId_/edit')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_adminLayout/admin/_server/$edit"!</div>
+}

frontend/src/routes/_adminLayout/admin/user/$userId.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_adminLayout/admin/user/$userId')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/_adminLayout/admin/$userId"!</div>
+}

frontend/src/routes/_adminLayout/admin/users.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_adminLayout/admin/users')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/admin/users"!</div>
+}

frontend/src/routes/_adminLayout/route.tsx

@@ -0,0 +1,16 @@
+import { createFileRoute, Outlet } from "@tanstack/react-router";
+import Nav from "./-components/Nav";
+
+export const Route = createFileRoute("/_adminLayout")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return (
+        <div>
+            <Nav />
+            <hr />
+            <Outlet />
+        </div>
+    );
+}

frontend/src/routes/admin_/settings.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/admin_/settings')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  return <div>Hello "/admin_/settings"!</div>
+}

frontend/src/routes/index.tsx

@@ -7,12 +7,14 @@ export const Route = createFileRoute("/")({
 
 function Index() {
     return (
-        <div className="h-screen flex items-center justify-center">
-            <Button className="h-96 w-96">
-                <a href="/lst/d" target="_blank" className="text-4xl">
-                    LST-DOCS
-                </a>
-            </Button>
+        <div>
+            <div className="h-screen flex items-center justify-center">
+                <Button className="h-96 w-96">
+                    <a href="/lst/d" target="_blank" className="text-4xl">
+                        LST-DOCS
+                    </a>
+                </Button>
+            </div>
         </div>
     );
 }