desktop-nav.tsx

import {
  Popover,
  PopoverButton,
  PopoverPanel,
  PopoverBackdrop,
  CloseButton,
} from '@headlessui/react'
import Link from 'next/link'
import type { ReactElement } from 'react'
import chevronDownIcon from '@iconify/icons-heroicons/chevron-down-20-solid'
import clsx from 'clsx'
import { Icon } from '@/components/icon'
import { links } from './config'
import type { NavLink, DropdownItem } from './types'

/**
 * Desktop navigation component
 * Renders horizontal navigation with dropdowns for larger screens
 * @returns {ReactElement} Desktop navigation elements
 */