검색 바 + 필터 UI

12. 검색 바 + 필터 UIDesign a search interface with filters: **Search Input**: - Width: 100% of container, max-width 600px - Height: 48px - Leading search icon (20px, gray-400) - Trailing clear button (appears when has value) - Placeholder: "Search products, categories..." - Debounced input (300ms) **Search Suggestions Dropdown**: - Position: absolute below input - Max-height: 400px, overflow-y auto - Sections: Recent, Suggested, Categories - Highlight matching text in results - Keyboard navigation support **Filter Bar** (horizontal, below search): - Filter chips: scrollable horizontal on mobile - Each filter: dropdown or popover on click - Active filters: filled chip with X to remove - "Clear all" link when filters active **Filter Types**: - Single select dropdown - Multi-select with checkboxes - Range slider (price) - Date range picker **Mobile Adaptation**: - Filters button opens bottom sheet - Full-screen filter panel - "Apply" and "Reset" buttons Tech: React + @headlessui/react + react-select + Tailwind