feat(SW-184): language switcher mobile/desktop functionality

components/Header/MainMenu/MobileMenu/index.tsx

@@ -7,6 +7,7 @@ import useDropdownStore from "@/stores/main-menu"
 
 import { GiftIcon, SearchIcon, ServiceIcon } from "@/components/Icons"
 import LanguageSwitcher from "@/components/LanguageSwitcher"
+import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 
 import HeaderLink from "../../HeaderLink"
 import NavigationMenu from "../NavigationMenu"
@@ -22,6 +23,12 @@ export default function MobileMenu({
   const intl = useIntl()
   const { isHamburgerMenuOpen, toggleHamburgerMenu } = useDropdownStore()
 
+  useHandleKeyUp((event: KeyboardEvent) => {
+    if (event.key === "Escape" && isHamburgerMenuOpen) {
+      toggleHamburgerMenu()
+    }
+  })
+
   return (
     <>
       <button
@@ -33,11 +40,7 @@ export default function MobileMenu({
       >
         <span className={styles.bar}></span>
       </button>
-      <Modal
-        className={styles.modal}
-        isOpen={isHamburgerMenuOpen}
-        onOpenChange={toggleHamburgerMenu}
-      >
+      <Modal className={styles.modal} isOpen={isHamburgerMenuOpen}>
         <Dialog
           className={styles.dialog}
           aria-label={intl.formatMessage({ id: "Menu" })}