chore: cleanup

components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx

@@ -7,7 +7,6 @@ import Card from "@/components/TempDesignSystem/Card"
 import Link from "@/components/TempDesignSystem/Link"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
-import { useHandleKeyUp } from "@/hooks/useHandleKeyUp"
 import { useTrapFocus } from "@/hooks/useTrapFocus"
 
 import styles from "./megaMenu.module.css"
@@ -21,21 +20,14 @@ export default function MegaMenu({
   submenu,
   card,
 }: MegaMenuProps) {
-  const { openMegaMenu, toggleMegaMenu } = useDropdownStore()
+  const { toggleMegaMenu } = useDropdownStore()
   const megaMenuRef = useTrapFocus()
-  const isMegaMenuOpen = openMegaMenu === title
-
-  useHandleKeyUp((event: KeyboardEvent) => {
-    if (event.key === "Escape" && isMegaMenuOpen) {
-      toggleMegaMenu(false)
-    }
-  })
 
   function closeMegaMenu() {
     toggleMegaMenu(false)
   }
   return (
-    <nav>
+    <nav className={styles.megaMenu}>
       {isMobile ? (
         <div className={styles.backWrapper}>
           <button