## 1. Create the Dropdown Component

- [x] 1.1 Create a new file `frontend/src/components/Dropdown.js`.
- [x] 1.2 Create a corresponding CSS module `frontend/src/components/Dropdown.css`.
- [x] 1.3 Implement the basic structure of the `Dropdown` component in `Dropdown.js`.
- [x] 1.4 Add state management for open/closed state and selected value.

## 2. Style the Dropdown Component

- [x] 2.1 Add styles to `Dropdown.css` to mimic the shadcn/ui Dropdown Menu.
- [x] 2.2 Ensure the styles are responsive and work across different screen sizes.

## 3. Integrate the Dropdown Component

- [x] 3.1 Modify `frontend/src/components/FilterBox.js` to import and use the new `Dropdown` component.
- [x] 3.2 Replace the existing `<select>` element with the `Dropdown` component.
- [x] 3.3 Pass the necessary props (options, onSelect) to the `Dropdown` component.

## 4. Verification

- [x] 4.1 Manually test the dropdown in the browser to ensure it functions as expected.
- [ ] 4.2 Run any existing frontend tests to ensure no regressions have been introduced.