黑暗模式 优化

src/components/Layout/Header.jsx

@@ -18,6 +18,7 @@ const Header = ({ collapsed, setCollapsed }) => {
       console.error("Logout error:", error);
     }
   };
+console.log(user);
 
   const userMenuItems = [
     {
@@ -79,7 +80,7 @@ const Header = ({ collapsed, setCollapsed }) => {
             )}
 
             <p className="max-w-20 truncate">
-              {!user?.user_metadata?.name || user?.email?.split("@")[0]}
+              {user?.user_metadata?.name || user?.email?.split("@")[0]}
             </p>
           </div>
         </Dropdown>

src/components/Layout/MainLayout.jsx

@@ -12,13 +12,13 @@ const MainLayout = () => {
   const { isDarkMode } = useTheme();
 
   return (
-    <Layout className="min-h-screen">
+    <Layout className="h-screen overflow-hidden">
       <Sidebar collapsed={collapsed} />
-      <Layout className="flex flex-col h-screen">
+      <Layout className="flex flex-col  ">
         <Header collapsed={collapsed} setCollapsed={setCollapsed} />
         <Content
           className={`
-            m-2 p-4 rounded-lg overflow-auto
+            m-2 p-4 rounded-lg overflow-auto h-full
             ${isDarkMode ? 'bg-[#141414]' : 'bg-white'}
             flex-1
           `}