theme and lang save. Notification fix

src/features/ThemeToggle.tsx

@@ -1,9 +1,9 @@
 import { Moon, Sun } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { useDarkMode } from "@/hooks/useDarkMode";
+import { useTheme } from "@/hooks/useTheme";
 
 export function ThemeToggle() {
-  const { isDark, toggleDark } = useDarkMode();
+  const { isDark, toggleDark } = useTheme();
 
   return (
     <Button

src/features/ToggleLanguge.tsx

@@ -5,14 +5,15 @@ export function LanguageToggle() {
   const { i18n } = useTranslation();
 
   const toggleLanguage = () => {
-    const newLang = i18n.language === "en" ? "ru" : "en";
+    const currentLang = i18n.language || "en";
+    const newLang = currentLang.startsWith("en") ? "ru" : "en";
+
     i18n.changeLanguage(newLang);
-    localStorage.setItem("lang", newLang); // Сохраняем выбор
   };
 
   return (
-    <Button variant="ghost" onClick={toggleLanguage}>
-      {i18n.language.toUpperCase()}
+    <Button variant="ghost" onClick={toggleLanguage} className="min-w-10">
+      {i18n.language?.substring(0, 2).toUpperCase() || "EN"}
     </Button>
   );
 }