refactor: refactor the color schema

src/app/(modules)/layout.tsx

@@ -0,0 +1,25 @@
+import { AppSidebar } from "@/components/app-sidebar";
+import { ModeToggle } from "@/components/mode-toogle";
+import { SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
+import React from "react";
+
+const ModulesLayout = ({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) => {
+  return (
+    <SidebarProvider>
+      <AppSidebar />
+      <main className="flex flex-1 flex-col p-4 pt-0 w-full h-screen overflow-hidden">
+        <div className="flex gap-3 items-center mt-2 sticky top-0 bg-background z-50 py-2">
+          <SidebarTrigger />
+          <ModeToggle />
+        </div>
+        <div className="flex-1 py-2  overflow-auto">{children}</div>
+      </main>
+    </SidebarProvider>
+  );
+};
+
+export default ModulesLayout;