Refactoring dropdown component

[astagi]

Fixes #

PR Checklist

• [ ] My branch is up-to-date with the Upstream main branch.
• [ ] The unit tests pass locally with my changes (if applicable).
• [ ] I have added tests that prove my fix is effective or that my feature works (if applicable).
• [ ] I have added necessary documentation (if appropriate).

Short description of what this resolves:

Changes proposed in this Pull Request:

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
design-react-kit	✅ Ready (Inspect)	Visit Preview	Feb 14, 2024 3:42pm

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Comparison is base (8849308) 92.23% compared to head (a8d10b6) 94.78%.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #1023 +/- ## ========================================== + Coverage 92.23% 94.78% +2.55% ========================================== Files 282 285 +3 Lines 2819 2857 +38 Branches 719 726 +7 ========================================== + Hits 2600 2708 +108 + Misses 215 147 -68 + Partials 4 2 -2 ``` | [Flag](https://app.codecov.io/gh/italia/design-react-kit/pull/1023/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=italia) | Coverage Δ | | |---|---|---| | [unittests](https://app.codecov.io/gh/italia/design-react-kit/pull/1023/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=italia) | `94.78% <100.00%> (+2.55%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=italia#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.