feat(intial auth): intial auth setup for the scanner

frontend/src/routes/__root.tsx

@@ -3,30 +3,36 @@ import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
 import { Toaster } from "sonner";
 import Header from "@/components/Header";
 import { AppSidebar } from "@/components/Sidebar/sidebar";
-import {  SidebarProvider } from "@/components/ui/sidebar";
+import { SidebarProvider } from "@/components/ui/sidebar";
 import { ThemeProvider } from "@/lib/theme-provider";
+import { useSession } from "../lib/auth-client";
 
-const RootLayout = () => (
-	<div className="[--header-height:calc(--spacing(14))]">
-		<ThemeProvider>
-			<SidebarProvider className="flex flex-col" defaultOpen={false}>
-				<Header />
+const RootLayout = () => {
+	const { data: session } = useSession();
+	return (
+		<div className="[--header-height:calc(--spacing(14))]">
+			<ThemeProvider>
+				<SidebarProvider className="flex flex-col" defaultOpen={false}>
+					<Header />
 
-				<div className="relative min-h-[calc(100svh-var(--header-height))]">
-					<AppSidebar />
+					<div className="relative min-h-[calc(100svh-var(--header-height))]">
+						<AppSidebar />
 
-					<main className="w-full p-4">
-						<div className="mx-auto w-full max-w-7xl">
-							<Outlet />
-						</div>
-					</main>
-				</div>
+						<main className="w-full p-4">
+							<div className="mx-auto w-full max-w-7xl">
+								<Outlet />
+							</div>
+						</main>
+					</div>
 
-				<Toaster expand richColors closeButton />
-			</SidebarProvider>
-		</ThemeProvider>
-		<TanStackRouterDevtools />
-	</div>
-);
+					<Toaster expand richColors closeButton />
+				</SidebarProvider>
+			</ThemeProvider>
+			{session && session.user.role === "systemAdmin" && (
+				<TanStackRouterDevtools />
+			)}
+		</div>
+	);
+};
 
 export const Route = createRootRoute({ component: RootLayout });

frontend/src/routes/admin/scanUsers.tsx

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

frontend/src/routes/admin/servers.tsx

@@ -155,7 +155,7 @@ const ServerTable = () => {
 		);
 	}
 
-	return <LstTable data={data} columns={columns} />;
+	return <LstTable data={data} columns={columns} pageSize={50} />;
 };
 
 function RouteComponent() {

frontend/src/routes/docs/index.tsx

@@ -59,6 +59,33 @@ function RouteComponent() {
 						Only shows machines that are attached to the silo.
 					</ul>
 				</ul>
+				{/* Mobile stuff */}
+				<li>Mobile App</li>
+				<ul className="list-disc list-inside indent-8">
+					<li>Rewrite of Alpla scan</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>All old settings same as before id, ip, port</li>
+						<li>Currently scanned pallets will show now as well</li>
+					</ul>
+					<li>
+						Custom addition - login and more features NOTE: This is activated
+						based on how you enter the settings
+					</li>
+					<ul className="list-disc list-inside indent-16">
+						<li>Pin numbers login</li>
+						<li>
+							Scan a lane barcode and it returns whats in the lane and its
+							current status
+						</li>
+						<li>Command restrictions per pin login</li>
+						<li>Dock Door scanning</li>
+						<li>
+							More details on the pallet that is scanned by touching the running
+							number on the scanner.
+						</li>
+					</ul>
+				</ul>
+				{/* TMS integration */}
 				<li>TMS integration</li>
 				<ul className="list-disc list-inside indent-8">
 					<li>integration with TI to auto add in orders</li>