Change Dashboard Sidebar

app/layout.tsx

@@ -1,10 +1,7 @@
 import type { Metadata } from 'next';
 import { Geist, Geist_Mono } from 'next/font/google';
 import './globals.css';
-import Navbar from '@/components/ui/Navbar';
-import Sidebar from '@/components/ui/Sidebar';
-import { ThemeProvider } from '@/components/theme-provider';
-import { Toaster } from '@/components/ui/toaster';
+import ClientLayout from '../components/ClientLayout';
 
 const geistSans = Geist({
   variable: '--font-geist-sans',
@@ -21,28 +18,6 @@ export const metadata: Metadata = {
   description: 'Admin Dashboard',
 };
 
-function ClientLayout({ children }: { children: React.ReactNode }) {
-  return (
-    <ThemeProvider
-      attribute="class"
-      defaultTheme="system"
-      enableSystem
-      disableTransitionOnChange
-    >
-      <div className="relative flex min-h-screen flex-col">
-        <Navbar />
-        <div className="flex flex-1">
-          <Sidebar />
-          <main className="flex-1 md:ml-[250px] p-2">
-            {children}
-          </main>
-        </div>
-      </div>
-      <Toaster />
-    </ThemeProvider>
-  );
-}
-
 export default function RootLayout({
   children,
 }: Readonly<{