Кажется, что то, как список рендерится, никак не зависит от того, как должны быть написаны стили
export const links = [
  {
    parh: '/digest',
    name: 'Главная',
  },
  {
    parh: '/news',
    name: 'Новости',
  },
  {
    parh: '/trends',
    name: 'Тренды',
  },
  {
    parh: '/cases',
    name: 'Кейсы',
  },
  {
    name: 'Журналы',
    option: [
      {
        name: 'Все выпуски',
        path: '/all',
      },
      {
        name: 'О проекте',
        path: '/about',
      },
    ],
  },
  {
    parh: '/map',
    name: 'Карта',
  },
];
Вот так выглядит массив для мапа списка меню. как правильно сделать дропдаун? никак не могу сообразить