feat(style): use a compact layout when there are many nav items

[chenjiahan]

Summary

Use a compact layout when there are many nav items, this ensures that nav items can be displayed as much as possible on small screens.

• before:

• after:

Checklist

• Tests updated (or not required).
• Documentation updated (or not required).

[netlify]

✅ Deploy Preview for aquamarine-blini-95325f ready!

Name	Link
🔨 Latest commit	50efe1e
🔍 Latest deploy log	https://app.netlify.com/sites/aquamarine-blini-95325f/deploys/66e2ffee37ae8100080c1fd8
😎 Deploy Preview	https://deploy-preview-1415--aquamarine-blini-95325f.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 95 (🟢 up 13 from production) Accessibility: 97 (no change from production) Best Practices: 92 (no change from production) SEO: 92 (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.