navigation.tsx

'use client'

import { useEffect, useState } from 'react'
import Link from 'next/link'
import { usePathname } from 'next/navigation'
import { state, useSnapshot } from '@/state'
import { goBack } from '@/components/back-button'
import { Button } from '@/components/button'
import chevronLeftIcon from '@iconify/icons-heroicons/chevron-left'
import clsx from 'clsx'
import {
  Dialog,
  DialogBackdrop,
  DialogPanel,
  DialogTitle,
  Disclosure,
  DisclosureButton,
  DisclosurePanel,
} from '@headlessui/react'
import { Icon } from '@/components/icon'