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