feat: searchable dropdown added

[ishan621]

This PR introduces a new reusable Select/Dropdown component built on top of shadcn.
The component is designed to be flexible, accessible, and easy to integrate across the application while supporting common product requirements out of the box.

✅ Key Features
Searchable Dropdowns

Controlled usage
Fully supports controlled state via value and onValueChange.

Searchable options
Allows users to quickly filter options using a search input.

Grouped options
Supports grouping of options for better organization and usability.

Disabled state
Can be disabled at the component level to prevent interaction.

Default value support
Supports setting an initial/default selected value.

Custom width control
Dropdown and trigger widths can be customized as needed.

Recording
https://github.com/user-attachments/assets/04624805-0f96-4b6b-9e3d-f406f217e617

Video of loading with icons story

Screen.Recording.2026-01-12.at.2.24.52.PM.mov

[GeekBoySupreme]

These look really good to me. Couple of questions :

• when there are nested options, can be make we tweak the section header sometimes if necessary?
• In case, options take some time to load, do we have a state to show that searching... loading state?

And we can add icons to the list options here, right?

[ishan621]

These look really good to me. Couple of questions :

• when there are nested options, can be make we tweak the section header sometimes if necessary?
• In case, options take some time to load, do we have a state to show that searching... loading state?

And we can add icons to the list options here, right?

We have added loading state as well as icons in updated story
Nested options are not supported as of now.

[GeekBoySupreme]

Nested options are not supported as of now.
That's okay. In the new story, I see the loading text is center-aligned, and there's no spinner.
Alao, the list items have a lot of spacing on the left - is this configurable? if not, let's remove that extra left spacing.

Loading state should simply show a spinner and the label "Loading..." and the circle-filled spinner.

Here's the Figma