some changes

src/components/layout/Header/header.jsx

@@ -30,10 +30,11 @@ import Arrow from "../../../assets/icons/arrow.svg";
 import Vector7 from "../../../assets/icons/Vector7.svg";
 import Pic from "../../../assets/icons/pic.png";
 import toggleTheme from "../../ToggleTheme";
+import { CgDarkMode } from "react-icons/cg";
 
-const Header = ({ title }) => {
+const Header = () => {
   return (
-    <header className="flex bg-header items-center justify-end gap-4 p-3 ml-5 mr-2">
+    <header className="flex items-center justify-end gap-4 p-3">
       {/* <h3 className="text-[#402E32] font-bold text-lg">{title}</h3> */}
 
       <div className="flex items-center gap-2">
@@ -42,9 +43,9 @@ const Header = ({ title }) => {
         </div>
         <button
           onClick={toggleTheme}
-          className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-header2 text-sm"
+          className="fixed top-16 left-2 w-12 h-10 flex justify-center items-center"
         >
-          تغییر تم
+          <CgDarkMode className="w-6 h-6 text-[#8B8886]" />
         </button>
       </div>
 

src/components/layout/layout.jsx

@@ -35,7 +35,7 @@ export default function Layout() {
             <div className="flex-1 flex flex-col min-h-screen w-full lg:mr-[220px]">
                 {/* Header */}
                 {showHeader && (
-                    <div className="fixed top-0 right-0 left-0 lg:right-[220px] z-30 bg-[#FDF8F4] border-b border-[#e6e2de]">
+                    <div className="fixed top-0 right-0 left-0 lg:right-[220px] z-30">
                         <Header title="مدیریت کافه‌ها" />
                     </div>
                 )}

src/pages/Login/Login.jsx

@@ -14,8 +14,8 @@ import { setProfile } from "../../redux/slices/profileSlice";
 
 // Services
 import authService from "../../services/auth";
-
 import toggleTheme from "../../components/ToggleTheme";
+import { CgDarkMode } from "react-icons/cg";
 
 export default function Login() {
     const navigate = useNavigate();
@@ -69,9 +69,8 @@ export default function Login() {
     return (
         <div className="relative min-h-screen" dir="rtl">
             {/* Header */}
-      <header className="fixed top-0 left-0 right-0 bg-white z-10 shadow-sm">
+            {/* <header className="fixed top-0 left-0 right-0 bg-white z-10 shadow-sm">
                 <div className="flex items-center justify-between px-6 md:px-8 lg:px-12 py-4">
-          {/* Left Section */}
                     <div className="flex items-center gap-4">
                         <img
                             src={LogoDM}
@@ -101,13 +100,7 @@ export default function Login() {
                             </svg>
                         </div>
                     </div>
-          <button
+                   
-            onClick={toggleTheme}
-            className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-header2 text-sm"
-          >
-            تغییر تم
-          </button>
-          {/* Center Links (Hidden on Mobile) */}
                     <nav className="hidden md:flex items-center gap-8 font-bold text-primary">
                         <a
                             href="#"
@@ -135,15 +128,20 @@ export default function Login() {
                         </a>
                     </nav>
 
-          {/* Right Section */}
                     <button className="px-6 md:px-10 py-2 bg-button1 text-white rounded-full text-sm md:text-base font-medium hover:bg-[#5f494f] transition-colors">
                         ثبت نام
                     </button>
                 </div>
-      </header>
+            </header> */}
+            <button
+                onClick={toggleTheme}
+                className="fixed top-4 right-4 z-50 w-12 h-10  flex justify-center items-center"
+            >
                
+               <CgDarkMode className="w-6 h-6 text-[#8B8886]" />
+            </button>
             {/* Main Content */}
-      <div className="flex min-h-screen pt-20">
+            <div className="flex min-h-screen">
                 {/* Left Side - Login Form */}
                 <div
                     style={{
@@ -152,17 +150,18 @@ export default function Login() {
                         backgroundPosition: "center",
                         backgroundAttachment: "fixed",
                     }}
-          className="w-full md:w-1/2 flex items-start justify-center md:justify-start md:bg-background px-4 md:px-12 lg:px-24 py-8 md:py-16 relative"
+                    className="w-full md:w-1/2 flex items-center justify-center md:justify-start md:bg-background px-4 md:px-12 lg:px-24 py-8 md:py-16 relative"
                 >
+
                     {/* Dark Overlay */}
-          <div className="absolute inset-0 bg-black/10 backdrop-blur-[1px] md:bg-transparent"></div>
+                    {/* <div className="absolute inset-0 bg-black/10 backdrop-blur-[1px] md:bg-transparent"></div> */}
-          <div className="w-full max-w-md relative z-10">
+                    <div className="w-full max-w-md relative mb-20 z-10">
                         {/* Breadcrumb */}
-            <div className="flex items-center gap-2 text-xs md:text-sm text-gray-500 mb-8">
+                        {/* <div className="flex items-center gap-2 text-xs md:text-sm text-gray-500 mb-8">
                             <span>ورود</span>
                             <span className="font-bold text-lg">&gt;</span>
                             <span>خانه</span>
-            </div>
+                        </div> */}
 
                         {/* Header */}
                         <div className="mb-8">
@@ -244,7 +243,7 @@ export default function Login() {
                 </div>
 
                 {/* Right Side - Image (Hidden on Mobile) */}
-        <div className="hidden md:block w-1/2 h-[calc(100vh-5rem)] relative overflow-hidden">
+                <div className="hidden md:block w-1/2 h-[calc(100vh)] relative overflow-hidden">
                     <img
                         src={Loginpic}
                         alt="Coffee workspace"