table and query work

frontend/src/routes/__root.tsx

@@ -11,12 +11,15 @@ const RootLayout = () => (
 		<ThemeProvider>
 			<SidebarProvider className="flex flex-col" defaultOpen={false}>
 				<Header />
-				<div className="flex flex-1">
+
+				<div className="relative min-h-[calc(100svh-var(--header-height))]">
 					<AppSidebar />
 
-					<SidebarInset>
-						<Outlet />
-					</SidebarInset>
+					<main className="w-full p-4">
+						<div className="mx-auto w-full max-w-7xl">
+							<Outlet />
+						</div>
+					</main>
 				</div>
 
 				<Toaster expand richColors closeButton />