floating-side-button.tsx

'use client'

import { useState } from 'react'
import {
  Dialog,
  DialogBackdrop,
  DialogPanel,
  DialogTitle,
} from '@headlessui/react'
import { Icon } from '@/components/icon'
import { SideSection } from '@/components/side-section'
import bars2Icon from '@iconify/icons-heroicons/bars-2-20-solid'
import xMarkIcon from '@iconify/icons-heroicons/x-mark-20-solid'

export function FloatingSideButton() {
  const [isOpen, setIsOpen] = useState(false)

  return (
    <>
      <button