Notification Dropdown Does Not Close When Opening Profile Menu

When the notification dropdown is open and the user clicks on the profile menu in the header, the notification dropdown remains visible instead of closing. As a result, both dropdowns are displayed simultaneously and overlap each other.

Steps to Reproduce:

1. Log in to WPFolks.
2. Click the notification (bell) icon to open the notification dropdown.
3. Without closing it, click the profile/avatar menu.
4. Observe that both dropdowns remain open and overlap.

Expected Behavior:

• Opening the profile menu should automatically close the notification dropdown.
• Only one dropdown menu should be visible at a time.

Actual Behavior:

• The notification dropdown remains open.
• The profile menu opens on top of it.
• Dropdowns overlap and create a confusing user experience.

Suggested Fix:
Implement a global dropdown handler so that opening one dropdown automatically closes any other open dropdowns in the header.