[Outreachy Task Submission] Dropdown Icon Not Reacting to Click in Account Settings and Logout Dropdown Menu

[mhdamaan79]

Describe the bug
When users attempt to access the account settings dropdown menu by clicking on the dropdown icon next to their name and email, the icon fails to respond to the click event. Instead of toggling between the upward and downward arrow positions to indicate the opening and closing of the dropdown menu, the icon remains stuck in the downward arrow position regardless of user interaction.

To Reproduce

1. Ensure that the user is logged in.
2. Locate the dropdown icon next to the user's name and email in the header or navigation bar.
3. Click on the dropdown icon to initiate the opening of the account settings and logout dropdown menu.
4. Observe that the dropdown icon does not change its position to indicate the opening of the dropdown menu. It remains stuck in the downward arrow position.

Expected behavior
Upon clicking on the dropdown icon to open the account settings dropdown menu, the icon should react to the click event by changing its position from a downward arrow to an upward arrow, indicating that the dropdown menu is open. Subsequently, when the user closes the dropdown menu, the icon should revert to its original downward arrow position to signify the closure of the menu.

Please refer to the image and video for a more detailed understanding of the issue:
Video
https://github.com/ushahidi/platform/assets/118375524/cad1d503-9d52-4ee0-bc5a-5c2ec7fdee2a

Screenshot

The malfunctioning dropdown icon hampers user experience. I'm actively working on this issue and will submit a pull request soon. Please assign and add the Outreachy Task Submission label to this issue.

[mhdamaan79]

Hey @Angamanga, I've raised a PR (ushahidi/platform-client-mzima/pull/847) for this issue. Thanks!