Рефакторинг navigation

[INextYP]

Работаем в ветке - refactoring/navigation

В рамках задачи работаем в директории src/widgets/header/navigation/index.tsx

• [x] Избавляемся от этого участка кода:

• [x] В стилях для NavLink пишем следующую конструкцию:

// Перед return const navLinkStyles = ({ isActive }: NavLinkRenderProps) => isActive ? ${styles.link} ${styles.link_active} : ${styles.link};

// У NavLink

<NavLink to={to} className={navLinkStyles} style={{ flexDirection: position?.flexDirection, justifyContent: position?.justifyContent, gap: position?.gap, textAlign: position?.textAlign, }}

• [x] Везде (в рамках этого файла), где стили записываются так: Заменить на:

• [x] Вынести конструкции вида;

  
  {
  flexDirection: position?.flexDirection,
  justifyContent: position?.justifyContent,
  gap: position?.gap,
  textAlign: position?.textAlign,
  }

и

{ flexDirection: position.ulflexDirection, gap: position.ulgap }

в константы перед возвратом разметки.

Первый можно назвать navLinkConfig, а второй linksListConfig

// Полученные константы передать в соответствующий элемент

- [x] В `src/widgets/header/navigation` создать папку `sidebar-item` а в ней 2 файла - `index.tsx`  и `styles.module.css`
- [x] В index.tsx перетащить компонент `SideBarItem`
- [x] В `styles.module.css` перетащить стили для элементов SideBarItem из файла src/widgets/header/navigation/styles.module.css
- [x] Чистим неиспользуемые импорты