Performance: lazy load menus

[pettinarip]

This PR loads the mobile menu async using lazy and Suspense for better UX and TTI metrics. The idea is to display these interactive elements only when they are ready to be used, which mostly affects the users with a slow connection.

Details:

• Refactor the desktop menu code: moved it to its own separate component for readability purposes
• Lazy load mobile menu component
• Wrapped the mobile menu (lazy loaded) + the search (sync) with Suspense to display both at the same time

[netlify]

✅ Deploy Preview for ethereumorg ready!

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

---

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

[github-actions]

Page	Performance	Accessibility	Best practices	SEO	PWA
/en/	🟠 50	🟢 94	🟢 93	🟢 93	🔴 38
/en/wallets/find-wallet/	🔴 48	🟠 88	🟢 93	🟢 93	🔴 38
/en/staking/	🔴 47	🟢 91	🟢 93	🟢 93	🔴 38
/en/whitepaper/	🔴 48	🟢 95	🟢 93	🟢 93	🔴 38
/en/nft/	🔴 46	🟢 95	🟢 93	🟢 93	🔴 38
/en/developers/docs/intro-to-ethereum/	🟠 55	🟢 94	🟢 93	🟢 93	🔴 38
/en/developers/tutorials/creating-a-wagmi-ui-for-your-contract/	🔴 45	🟠 89	🟢 93	🟢 93	🔴 38

Lighthouse scores are calculated based on the latest audit results

[wackerow]

Looks good @pettinarip! Just one bug at the screen breakpoint I left a suggestion for, then can pull in

I like the use of lazy and Suspect. Found this web.dev article a handy refresher on this for anyone curious.

Remind me, did we settle on not showing any type of loading fallback here?