Frontend/search filter sidebar

[Ezeh20]

🚀 Artisyn.io Pull Request

Mark with an x all the checkboxes that apply (like [x])

• Closes Search filter sidebar component #66
• Added tests (if necessary)
• Run tests
• Run formatting
• Evidence attached
• Commented the code

---

📌 Type of Change

• Documentation (updates to README, docs, or comments)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

---

📝 Changes description

Added a reusable search filter sidebar component for artisan discovery at src/components/search/filter-sidebar.tsx.

The component exposes an onChange callback that emits a normalized filter object to the parent and supports:

• category
• location
• verification
• price range

Also updated the search controls preview page to render the new sidebar and display the emitted filter payload for easier validation and reuse.

---

📸 Evidence (A photo is required as evidence)

Attach a screenshot of /components-preview/search-controls showing:

1. The filter sidebar visible on the page
2. Filter selections filled in
3. The emitted filter payload updating in the preview