Navbar: Increase size of links hitbox

[louismaximepiton]

Related issues

Fixes #1690. Fixes #1194.

Description

Add a hitbox and margin to links to better the focus state of navbars.

Types of change

• New feature (non-breaking change which adds functionality)

Live previews

• https://deploy-preview-1691--boosted.netlify.app/examples/navbars
• https://deploy-preview-1691--boosted.netlify.app/examples/footers

Checklist

• [x] I have read the contributing guidelines
• [x] My code follows the code style of the project (using npm run lint)
• [ ] My change introduces changes to the documentation
• [ ] My change introduces changes to the migration guide
• [ ] I have updated the documentation accordingly
• [ ] I have added tests to cover my changes
• [ ] All new and existing tests passed

[sonarqubecloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[netlify[bot]]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	aa3c149f725f9fcdb3e363f4d1dc003b1a23b504
🔍 Latest deploy log	https://app.netlify.com/sites/boosted/deploys/6596b4c4e56636000994052b
😎 Deploy Preview	https://deploy-preview-1691--boosted.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[Franco-Riccitelli]

All looks good to me. No issues.

[sonarqubecloud[bot]]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication