refactor: Удаление компонента TheHeaderNavigation

app/components/the-header/TheHeader.vue

@@ -33,7 +33,7 @@ const navigation = computed(() => {
     <div
       class="border-default flex items-center justify-between gap-x-2 rounded-xl border bg-white/60 p-2 shadow backdrop-blur-lg md:rounded-2xl md:px-4 dark:bg-neutral-900/60"
     >
-      <TheHeaderNavigation class="hidden md:flex" :navigation />
+      <UNavigationMenu class="hidden md:flex" :items="navigation" />
       <TheHeaderNavigationMobile class="md:hidden" :navigation />
       <div class="flex justify-between gap-x-2">
         <TheHeaderLocaleSwitch />

app/components/the-header/TheHeaderNavigationMobile.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import type { DropdownMenuItem } from "@nuxt/ui"
+
+defineProps<{
+  /** Навигация */
+  navigation: DropdownMenuItem[]
+}>()
+
+const { t } = useI18n({ useScope: "local" })
+</script>
+
+<template>
+  <UDropdownMenu :items="navigation" size="lg">
+    <UButton
+      :aria-label="t('menu')"
+      color="neutral"
+      icon="heroicons:bars-2"
+      size="lg"
+      variant="soft"
+    />
+  </UDropdownMenu>
+</template>
+
+<i18n lang="yaml">
+en:
+  menu: Navigation menu
+ru:
+  menu: Меню навигации
+</i18n>

app/tests/components/the-header/navigation/TheHeaderNavigationMobile.spec.ts

@@ -4,7 +4,7 @@ import { UButton } from "#components"
 import { mountSuspended } from "@nuxt/test-utils/runtime"
 import { afterEach, beforeEach, describe, expect, test } from "vitest"
 
-import TheHeaderNavigationMobile from "~/components/the-header/navigation/TheHeaderNavigationMobile.vue"
+import TheHeaderNavigationMobile from "~/components/the-header/TheHeaderNavigationMobile.vue"
 import { navigation } from "~/tests/constants/navigation"
 
 describe("Компонент TheHeaderNavigationMobile", () => {