design dark mode layout panel page

app/globals.css

@@ -121,6 +121,10 @@ body {
   background: #fafafa;
 }
 
+body * {
+  @apply transition-colors duration-500;
+}
+
 /* Scroll */
 
 html {

app/panel/(layout)/layout.js

@@ -21,7 +21,7 @@ function LayoutPanel({ children }) {
   }, []);
 
   return (
-    <div className="flex min-h-screen">
+    <div className="flex min-h-screen dark:bg-[#1F1D2B]">
       <Sidebar
         open={open}
         active={active}
@@ -31,7 +31,7 @@ function LayoutPanel({ children }) {
       <BgGray isActive={active} setIsActive={setActive} />
       <main
         className={`
-                w-full transition-all duration-500
+                w-full transition-all duration-500 dark:bg-[#1F1D2B]
                 ${
                   pathname.includes("dashboard")
                     ? open