enhancement:

[theconqurer13]

Issue Title: UX Improvement: Currency dropdown does not close on 'click outside'

Description

Hi team, I'm raising this issue to suggest a small user experience (UX) improvement on the dashboard.

Current Behavior:
When a user clicks on the currency selection button (currently showing "IN INR") in the navigation bar, the currency dropdown menu opens. To close this menu, the user must click on the same currency button again.

Expected Behavior:
To improve the user experience, the dropdown menu should automatically close if the user clicks anywhere on the screen outside of the dropdown menu itself. This is often referred to as "click-outside-to-close" functionality.

This will provide a more intuitive and flexible way for the user to interact with the UI.

Steps to Reproduce

1. Navigate to the application's dashboard.
2. In the top-right corner, click on the currency button ("IN INR").
3. The currency list opens.
4. Now, click anywhere on the page outside of the dropdown menu (e.g., on the empty background space or on the "Total Income" card).
5. Observe: The dropdown menu does not close.
6. Expected: The dropdown menu should close.

Screenshot/Video

20251023-0548-09.4279064.mp4

Additional Context

This is a minor UI/UX enhancement that will make the app feel more polished and intuitive to use. #hacktoberfest

[theconqurer13]

hey ! @JnsCas @archa8 assign this issue to me tag it has hactoberfest , i would love to fix this. Thanks

[archa8]

Assigned to you