menu moved to const

src/components/Navigation/DesktopNavigation.tsx

@@ -1,11 +1,10 @@
 import { Menu } from "../Menu"
-import { useContext } from "react"
-import { MenuContext } from "@/context/MenuContext"
 import { Box } from "@/ui/Box"
 import HudozkaLogo from "../HudozkaLogo"
 import Link from "next/link"
 import { AccessibilityButton } from "../AccessibilityButton"
 import { Spacer } from "../Spacer"
+import { menu } from "@/const"
 
 export type DesktopNavigationProps = {
     className?: string
@@ -13,8 +12,6 @@ export type DesktopNavigationProps = {
 }
 
 export function DesktopNavigation({ style, className }: DesktopNavigationProps) {
-    const menu = useContext(MenuContext)
-
     return (
         <Box wrap className={className} gap={"var(--size-s)"} style={style}>
             <Link href="/">
@@ -30,4 +27,3 @@ export function DesktopNavigation({ style, className }: DesktopNavigationProps)
         </Box>
     )
 }
-

src/components/Navigation/MobileNavigation.tsx

@@ -3,8 +3,7 @@
 import s from "./nav.module.css"
 
 import { Menu } from "../Menu"
-import { useCallback, useContext, useEffect, useRef } from "react"
-import { MenuContext } from "@/context/MenuContext"
+import { useCallback, useEffect, useRef } from "react"
 import { Box } from "@/ui/Box"
 import { Spacer } from "../Spacer"
 import HudozkaLogo from "../HudozkaLogo"
@@ -12,6 +11,7 @@ import { HudozkaTitle } from "../HudozkaTitle"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
 import { HiOutlineMenuAlt4, HiOutlineX } from "react-icons/hi"
+import { menu } from "@/const"
 
 export type MobileNavigationProps = {
     className?: string
@@ -19,7 +19,6 @@ export type MobileNavigationProps = {
 }
 
 export function MobileNavigation({ className, style }: MobileNavigationProps) {
-    const menu = useContext(MenuContext)
     const detailsRef = useRef<HTMLDetailsElement>(null)
     const pathname = usePathname()