chore: cleanup

components/Header/MainMenu/MobileMenu/index.tsx

@@ -14,7 +14,7 @@ import NavigationMenu from "../NavigationMenu"
 
 import styles from "./mobileMenu.module.css"
 
-import { MobileMenuProps } from "@/types/components/header/mobileMenu"
+import type { MobileMenuProps } from "@/types/components/header/mobileMenu"
 
 export default function MobileMenu({
   mainNavigation,
@@ -24,8 +24,10 @@ export default function MobileMenu({
   const {
     isHamburgerMenuOpen,
     isMyPagesMobileMenuOpen,
+    isLanguageSwitcherOpen,
     toggleHamburgerMenu,
     toggleMyPagesMobileMenu,
+    toggleLanguageSwitcher,
   } = useDropdownStore()
 
   useHandleKeyUp((event: KeyboardEvent) => {
@@ -38,6 +40,10 @@ export default function MobileMenu({
     if (isMyPagesMobileMenuOpen) {
       toggleMyPagesMobileMenu()
     } else {
+      if (isLanguageSwitcherOpen) {
+        toggleLanguageSwitcher()
+      }
+
       toggleHamburgerMenu()
     }
   }
@@ -73,7 +79,7 @@ export default function MobileMenu({
               <ServiceIcon width={20} height={20} color="burgundy" />
               {intl.formatMessage({ id: "Customer service" })}
             </HeaderLink>
-            <LanguageSwitcher variant="mobileHeader" urls={languageUrls} />
+            <LanguageSwitcher type="mobileHeader" urls={languageUrls} />
           </footer>
         </Dialog>
       </Modal>

components/Header/MainMenu/MobileMenu/mobileMenu.module.css

@@ -25,7 +25,7 @@
   display: inline-block;
   height: 3px;
   position: relative;
-  transition: all 0.2s;
+  transition: all 0.3s;
   width: 32px;
 }
 
@@ -72,7 +72,7 @@
   width: 100%;
   background-color: var(--Base-Surface-Primary-light-Normal);
   transition: right 0.3s;
-  z-index: var(--mobile-menu-overlay-z-index);
+  z-index: var(--menu-overlay-z-index);
 }
 
 .modal[data-entering] {