[Suggestion] Improve anchor link support on mobile in SubdomainNavBar

[simurai]

Problem

Currently you can use an "anchor/deep" link (e.g. /#agenda) with SubdomainNavBar. But since the "hamburger menu" takes up almost the full width/height (we customized it a bit to add a gap), you can't really see that clicking the link changed anything and you have to click on the close "X" button to close the menu.

Steps to reproduce:

1. Resize browser to mobile
2. Go to this preview. (Internal)
3. Click on the "hamburger" menu button
4. Click on "Agenda" or "Pricing"
5. Notice that the menu still stays open.

Screen.Recording.2024-07-22.at.10.49.51.mov

Possible solution

When clicking an "anchor/deep" link, the menu on mobile should close.

Urgency

This came up in this project (internal link). We found a workaround by programmatically trigger a close() on the close "X" button.

Screen.Recording.2024-07-22.at.10.32.44.mov

So not too urgent, but might still be nice to support "anchor/deep" links with SubdomainNavBar so we don't have to rely on the [aria-controls="menu-navigation"] selector. 🙈

[rezrah]

Update from planning: Waiting on Site Design to confirm this is the correct solution before triaging further.

[rezrah]

cc. @nsolerieu (Site FR)

[nsolerieu]

@rezrah just check in with @jesussandreas - we approve @simurai thoughtful fix suggestion