fix: themes and layout

frontend/src/shared/layouts/DefaultLayout.tsx

@@ -13,33 +13,53 @@ export const DefaultLayout: React.FC<DefaultLayoutProps> = ({ children }) => {
 
   const handleLogout = () => {
     logout();
-    navigate("/login");
+    navigate("/auth");
   };
 
   return (
-    <div className="min-h-screen bg-white dark:bg-black transition-colors duration-200">
+    <div className="min-h-screen flex flex-col" style={{ backgroundColor: "var(--bg-primary)", color: "var(--text-primary)" }}>
       {/* Header */}
-      <header className="border-b border-gray-200 dark:border-gray-800 bg-white dark:bg-black sticky top-0 z-50">
+      <header
+        className="border-b sticky top-0 z-50"
+        style={{
+          backgroundColor: "var(--header-bg)",
+          borderColor: "var(--border)",
+        }}
+      >
         <div className="container mx-auto px-4 py-3">
           <div className="flex justify-between items-center">
             {/* Logo */}
-            <div className="text-xl font-bold text-gray-900 dark:text-white">
+            <div
+              className="text-xl font-bold cursor-pointer hover:opacity-80 transition-opacity"
+              style={{ color: "var(--text-primary)" }}
+              onClick={() => navigate("/")}
+            >
               HellreigN
             </div>
 
             {/* Right side */}
-            <div className="flex items-center gap-4">
+            <div className="flex items-center gap-3">
               <ThemeToggle />
               {user && (
                 <div className="flex items-center gap-3">
-                  <span className="text-sm text-gray-600 dark:text-gray-400">
+                  <span className="text-sm" style={{ color: "var(--text-secondary)" }}>
                     {user.firstName} {user.lastName}
                   </span>
                   <button
                     onClick={handleLogout}
-                    className="px-3 py-1 text-sm bg-red-500 text-white rounded hover:bg-red-600 transition-colors"
+                    className="px-3 py-1.5 text-sm rounded-lg transition-colors font-medium"
+                    style={{
+                      backgroundColor: "var(--button-danger)",
+                      color: "var(--button-danger-text)",
+                    }}
+                    onMouseEnter={(e) => {
+                      e.currentTarget.style.backgroundColor = "var(--button-danger-hover)";
+                    }}
+                    onMouseLeave={(e) => {
+                      e.currentTarget.style.backgroundColor = "var(--button-danger)";
+                    }}
                   >
-                    Logout
+                    Выйти
                   </button>
                 </div>
               )}
@@ -49,7 +69,22 @@ export const DefaultLayout: React.FC<DefaultLayoutProps> = ({ children }) => {
       </header>
 
       {/* Main content */}
-      <main className="min-h-[calc(100vh-61px)]">{children || <Outlet />}</main>
+      <main className="flex-1">{children || <Outlet />}</main>
+
+      {/* Footer */}
+      <footer
+        className="border-t py-4 mt-auto"
+        style={{
+          backgroundColor: "var(--bg-secondary)",
+          borderColor: "var(--border)",
+        }}
+      >
+        <div className="container mx-auto px-4">
+          <p className="text-center text-sm" style={{ color: "var(--text-muted)" }}>
+            © 2026 HellreigN. Все права защищены.
+          </p>
+        </div>
+      </footer>
     </div>
   );
 };