Fix duplicate context menu on right-click in room list item menus

[qmorozov]

Problem

When a room list item menu is open (three dots or notification bell), right-clicking on menu items causes a duplicate context menu to appear, overlaying the existing menu. This creates a confusing UX where users see two identical menus stacked on top of each other.

Root cause

The context menu event bubbles up from menu content to the parent room list item, which has its own context menu handler, triggering a second menu to open.

Solution

Implemented conditional event handling based on menu type and state:

1. More Options Menu: Added conditional e.stopPropagation() only when the menu is open if (open). This prevents duplicate menus when the more options menu is active, but allows right-click functionality when the menu is closed.
2. Notification Menu: Added setTimeout(() => { setOpen(false); setMenuOpen(false); }, 0) to close the notification menu when right-clicked, allowing the parent context menu to open naturally without duplication.
3. Context Menu Coordination: Enhanced setMenuOpen logic in RoomListItemView to hide hover menus when context menus open, preventing overlapping UI elements.

The solution provides consistent right-click behavior across different menu types while preventing the original duplication issue.

Before/After videos

Before (bug reproduction):

1.mov

After (fixed):

2.mov

Checklist

• I have read through review guidelines and CONTRIBUTING.md.
• Tests written for new code (and old code if feasible).
• New or updated public/exported symbols have accurate TSDoc documentation.
• Linter and other CI checks pass.
• I have licensed the changes to Element by completing the Contributor License Agreement (CLA)

[CLAassistant]

All committers have signed the CLA.

[t3chguy]

It'd probably better to be consistent with the right-click behaviour of the menu, which closes the existing menu and opens a new one where you right clicked.

[qmorozov]

It'd probably be better to be consistent with the right-click behaviour of the menu, which closes the existing menu and opens a new one where you right-clicked.

@t3chguy Thank you for the feedback! You're absolutely right about consistency. I've updated the implementation to provide consistent right-click behavior: close the existing menu and open the context menu where clicked.

Updated approach:

• More Options Menu: Conditional e.stopPropagation() only when open to prevent duplicates
• Notification Menu: Closes automatically on right-click, allowing context menu to open naturally

I've updated the PR with a new video demonstration and an updated description that shows the consistent behavior across both menu types. Added comprehensive test coverage as well

[t3chguy]

Looks like your PR causes graphical changes

[qmorozov]

Looks like your PR causes graphical changes

Yes, fixed it