admin ui enhacement

apps/admin/src/app/layout.tsx

@@ -29,9 +29,11 @@ export default function RootLayout({
       <QueryProvider>
         <html lang="en">
           <body className={inter.className}>
-            <div className="flex min-h-screen bg-slate-50">
+            <div className="flex min-h-screen bg-background">
               <Sidebar />
-              <main className="flex-1 ml-20 p-8">{children}</main>
+              <main className="flex-1 p-6 lg:p-8 min-h-screen">
+                <div className="max-w-7xl mx-auto space-y-8">{children}</div>
+              </main>
             </div>
             <Toaster richColors position="top-right" />
           </body>