side-section.tsx

'use client'

import { useState } from 'react'
import clsx from 'clsx'
import Link from 'next/link'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Icon } from '@/components/icon'
import { Button } from '@/components/button'
import { Form, FormFirstName, FormLastName, FormInput, FormButton } from '@/components/form'
import { Image } from '@/components/image'
import { Search } from '@/components/search'
import { CategoryDropdown } from '@/components/category-dropdown'
import { Legal } from '@/components/legal'
import LoginDialog from '@/components/login'
import magnifyingGlassIcon from '@iconify/icons-heroicons/magnifying-glass-solid'
import {
  editorHeading,
  editorName,
  editorRole,