test(better auth): implementation start of better auth

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>
+    );
+}