fix(SW-184): added translations

components/Header/MainMenu/MobileMenu/index.tsx

@@ -47,9 +47,10 @@ export default function MobileMenu({
       <button
         type="button"
         className={`${styles.hamburger} ${isHamburgerMenuOpen || isMyPagesMobileMenuOpen ? styles.isExpanded : ""}`}
-        aria-pressed="false"
-        aria-label={intl.formatMessage({ id: "Menu" })}
-        onClick={toggleHamburgerMenu}
+        aria-label={intl.formatMessage({
+          id: isHamburgerMenuOpen ? "Close menu" : "Open menu",
+        })}
+        onClick={handleHamburgerClick}
       >
         <span className={styles.bar}></span>
       </button>

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

@@ -72,6 +72,7 @@
   width: 100%;
   background-color: var(--Base-Surface-Primary-light-Normal);
   transition: right 0.3s;
+  z-index: var(--mobile-menu-overlay-z-index);
 }
 
 .modal[data-entering] {

components/Header/MainMenu/MyPagesMobileMenu/index.tsx

@@ -35,6 +35,7 @@ export default function MyPagesMobileMenu({
       <MainMenuButton
         className={styles.button}
         onClick={toggleMyPagesMobileMenu}
+        aria-label={intl.formatMessage({ id: "Open my pages menu" })}
       >
         <Avatar initials={getInitials(user.firstName, user.lastName)} />
       </MainMenuButton>

components/Header/MainMenu/MyPagesMobileMenu/myPagesMobileMenu.module.css

@@ -16,6 +16,7 @@
   width: 100%;
   background-color: var(--Base-Surface-Primary-light-Normal);
   transition: right 0.3s;
+  z-index: var(--mobile-menu-overlay-z-index);
 }
 
 .modal[data-entering] {

components/Header/MainMenu/index.tsx

@@ -44,10 +44,16 @@ export default async function MainMenu({ languageUrls }: MainMenuProps) {
         </NextLink>
         <div className={styles.menus}>
           <NavigationMenu items={navigationMenuItems} />
-          {user ? (
+          {true ? (
             <>
-              <MyPagesMenu navigation={myPagesNavigation} user={user} />
-              <MyPagesMobileMenu navigation={myPagesNavigation} user={user} />
+              <MyPagesMenu
+                navigation={myPagesNavigation}
+                user={{ firstName: "Hubba", lastName: "Bubba" }}
+              />
+              <MyPagesMobileMenu
+                navigation={myPagesNavigation}
+                user={{ firstName: "Hubba", lastName: "Bubba" }}
+              />
             </>
           ) : (
             <Link

components/LanguageSwitcher/LanguageSwitcherContent/index.tsx

@@ -8,7 +8,6 @@ import useDropdownStore from "@/stores/main-menu"
 import { CheckIcon, ChevronLeftIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
-import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
 import { useTrapFocus } from "@/hooks/useTrapFocus"
 
@@ -22,16 +21,10 @@ export default function LanguageSwitcherContent({
 }: LanguageSwitcherProps) {
   const intl = useIntl()
   const currentLanguage = useLang()
-  const { isLanguageSwitcherOpen, toggleLanguageSwitcher } = useDropdownStore()
+  const { toggleLanguageSwitcher } = useDropdownStore()
   const languageSwitcherRef = useTrapFocus()
   const urlKeys = Object.keys(urls) as Lang[]
 
-  useHandleKeyUp((event: KeyboardEvent) => {
-    if (event.key === "Escape" && isLanguageSwitcherOpen) {
-      toggleLanguageSwitcher()
-    }
-  })
-
   return (
     <div className={styles.content} ref={languageSwitcherRef}>
       {variant === "mobileHeader" ? (

components/LanguageSwitcher/index.tsx

@@ -6,6 +6,7 @@ import { languages } from "@/constants/languages"
 import useDropdownStore from "@/stores/main-menu"
 
 import { ChevronDownIcon, GlobeIcon } from "@/components/Icons"
+import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import useLang from "@/hooks/useLang"
 
 import LanguageSwitcherContent from "./LanguageSwitcherContent"
@@ -22,6 +23,12 @@ export default function LanguageSwitcher({
   const currentLanguage = useLang()
   const { toggleLanguageSwitcher, isLanguageSwitcherOpen } = useDropdownStore()
 
+  useHandleKeyUp((event: KeyboardEvent) => {
+    if (event.key === "Escape" && isLanguageSwitcherOpen) {
+      toggleLanguageSwitcher()
+    }
+  })
+
   return (
     <div className={styles.languageSwitcher}>
       <button