Implement Drop-Down Component in User Settings to Resolve UI Overlap Issues

[Kale98]

As a user, I want a clear and functional drop-down component in the User Settings section, so I can easily interact with the options without encountering overlapping elements or other UI issues.

UI Placement:

The drop-down component should be placed where options are currently overlapping, improving the overall user experience.

ACCEPTANCE CRITERIA:

• New Drop-Down Component: Replace the existing UI with a responsive and functional drop-down component for better usability.
  The drop-down should open and close smoothly, without overlapping with other elements on the page.

• Visual Design: Ensure the drop-down is visually distinct and fits within the existing UI design. Make sure the selected option is clearly highlighted, and all options are easily accessible.

• Responsiveness: The drop-down component should work seamlessly across different screen sizes (desktop, tablet, mobile).