refactor: move Menu component to its feature

src/app/Root/Root.tsx

@@ -1,9 +1,8 @@
-import { Layout } from '../../components/Layout'
-import { Menu } from '../../components/Menu'
-
-import { useGetTocQuery } from '../../features/toc'
 import { DocPage } from '../../components/DocPage'
 import { Error } from '../../components/Error'
+import { Layout } from '../../components/Layout'
+import { useGetTocQuery } from '../../features/toc'
+import { Menu } from '../../features/toc/ui/Menu'
 import tocUrl from '/toc.json?url'
 
 export function Root() {

src/components/Menu/Context/MenuProvider.tsx → src/features/toc/ui/Menu/Context/MenuProvider.tsx

@@ -1,5 +1,6 @@
-import { type PropsWithChildren } from 'react'
-import { getBreadCrumbs, type PageURL, type TableOfContent } from '../../../features/toc'
+import type { PropsWithChildren } from 'react'
+import { getBreadCrumbs } from '../../../core/getBreadCrumbs'
+import type { PageURL, TableOfContent } from '../../../types'
 import { LocationContext, TocContext } from './contexts'
 
 type MenuProviderProps = PropsWithChildren<{

src/components/Menu/Context/contexts.ts → src/features/toc/ui/Menu/Context/contexts.ts

@@ -1,5 +1,6 @@
 import { createContext } from 'react'
-import { type PageDescriptor, type PageURL, type TableOfContent } from '../../../features/toc'
+
+import type { PageDescriptor, PageURL, TableOfContent } from '../../../types'
 
 type TocContextValue = {
     toc: TableOfContent

src/components/Menu/Context/hooks.ts → src/features/toc/ui/Menu/Context/hooks.ts

@@ -1,5 +1,7 @@
 import { useContext } from 'react'
-import { buildMenu, type PageId, type SectionHighlight } from '../../../features/toc'
+
+import { buildMenu } from '../../../core/buildMenu'
+import type { PageId, SectionHighlight } from '../../../types'
 import { LocationContext, TocContext } from './contexts'
 
 export const useMenuItems = (parentId: PageId = '', level: number = 0, highlight: SectionHighlight) => {

src/components/Menu/Item/Item.tsx → src/features/toc/ui/Menu/Item/Item.tsx

@@ -1,10 +1,10 @@
 import clsx from 'clsx'
 import { useState, type PropsWithChildren } from 'react'
 
-import type { MenuItem } from '../../../features/toc'
-import { Chevron } from '../../Chevron'
-import { OptionalLink } from '../../OptionalLink'
-import { Skeleton } from '../../Skeleton'
+import { Chevron } from '../../../../../components/Chevron'
+import { OptionalLink } from '../../../../../components/OptionalLink'
+import { Skeleton } from '../../../../../components/Skeleton'
+import type { MenuItem } from '../../../types'
 import { useIsLoading } from '../Context/hooks'
 
 import styles from './Item.module.css'

src/components/Menu/Menu.test.tsx → src/features/toc/ui/Menu/Menu.test.tsx

@@ -1,13 +1,13 @@
 import { act, fireEvent, screen, waitFor } from '@testing-library/react'
 import { describe, expect, it } from 'vitest'
 
-import type { TableOfContent } from '../../features/toc'
-import tocFlat from '../../test/fixtures/toc/flat.json'
-import tocTwoLevels from '../../test/fixtures/toc/two-levels.json'
-import { renderInApp } from '../../test'
+import { renderInApp } from '../../../../test'
+import tocFlat from '../../../../test/fixtures/toc/flat.json'
+import tocTwoLevels from '../../../../test/fixtures/toc/two-levels.json'
+import type { TableOfContent } from '../../types'
 import { Menu } from './Menu'
 
-describe('components/Menu', () => {
+describe('features/toc/ui/Menu', () => {
     it('should render skeletons while TOC is loading', async () => {
         const toc: TableOfContent = tocTwoLevels
         const currentUrl = '/bar.html'

src/components/Menu/Menu.tsx → src/features/toc/ui/Menu/Menu.tsx

@@ -1,5 +1,5 @@
-import { type TableOfContent } from '../../features/toc'
-import { useCurrentPageUrl } from '../../hooks/useCurrentPageUrl'
+import { useCurrentPageUrl } from '../../../../hooks/useCurrentPageUrl'
+import type { TableOfContent } from '../../types'
 import { MenuProvider } from './Context/MenuProvider'
 import { Section } from './Section/Section'
 

src/components/Menu/Section/Section.tsx → src/features/toc/ui/Menu/Section/Section.tsx

@@ -1,4 +1,4 @@
-import { type PageId, type SectionHighlight } from '../../../features/toc'
+import type { PageId, SectionHighlight } from '../../../types'
 import { useMenuItems } from '../Context/hooks'
 import { Item, ItemToggle } from '../Item/Item'