Refactor nav's load

[pettinarip]

Description

This PR cleans up the loading exp for the nav a bit.

• remove the isDesktop hook and replace the logic behind it with media queries using useBreakpointValue. This fixes an edge case where large mobile screens or tablets would not load the desktop menu.
• make most of the nav components client-rendered. This improves the UX by showing the interactive components only when they are ready to be interactive, not before.

[netlify]

✅ Deploy Preview for ethereumorg ready!

Name	Link
🔨 Latest commit	247b2a2
🔍 Latest deploy log	https://app.netlify.com/sites/ethereumorg/deploys/66e93bddf301220008d6df2c
😎 Deploy Preview	https://deploy-preview-13882--ethereumorg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	7 paths audited Performance: 48 (no change from production) Accessibility: 92 (🔴 down 1 from production) Best Practices: 83 (🔴 down 9 from production) SEO: 92 (🔴 down 1 from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[wackerow]

Looking better... This fixed the issue I was seeing where landscape mobile devices could end up without any menu available.

Just noting that this still has a very step-wise approach to loading:

1. Logo only, blank bar
2. Right side loads, but menu categories and Cmd/Ctrl-K missing
3. Cmd/Ctrl-K indicator loads
4. Menu items finally load

Screen.Recording.2024-09-17.at.09.00.43.mov

This is still an improvement so I think we can pull this in now.