test(admin): more user stuff to fronend admin stuff

frontend/src/routes/__root.tsx

@@ -8,6 +8,8 @@ import Nav from "../components/navBar/Nav";
 import { ThemeProvider } from "../lib/providers/theme-provider";
 import { SidebarProvider } from "../components/ui/sidebar";
 import SideBarNav from "../components/navBar/SideBarNav";
+import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+import { userAccess } from "../lib/authClient";
 
 interface RootRouteContext {
     queryClient: QueryClient;
@@ -34,6 +36,9 @@ const RootLayout = () => {
                             </SidebarProvider>
                         </div>
                         <Toaster expand richColors closeButton />
+                        {userAccess(null, ["systemAdmin"]) && (
+                            <TanStackRouterDevtools position="bottom-right" />
+                        )}
                     </div>
                 </ThemeProvider>
             </SessionGuard>

frontend/src/routes/_adminLayout/admin/_users/prodUsers.tsx

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

frontend/src/routes/_adminLayout/admin/_users/route.tsx

@@ -0,0 +1,30 @@
+import { createFileRoute, Link, Outlet } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/_adminLayout/admin/_users")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return (
+        <div>
+            <nav className="flex justify-center gap-3">
+                <Link
+                    to="/admin/users"
+                    className="[&.active]:font-bold [&.active]:underline"
+                    activeOptions={{
+                        exact: true,
+                    }}
+                >
+                    Users
+                </Link>
+                <Link
+                    to="/admin/prodUsers"
+                    className="[&.active]:font-bold [&.active]:underline"
+                >
+                    Prod Users
+                </Link>
+            </nav>
+            <Outlet />
+        </div>
+    );
+}

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

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

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

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