Fix width of bold linked heading on hover in side-navigation

[codeEmpress1]

Done

• Fix width of bold linked heading on hover in side-navigation
  [List of work items including drive-bys]

Fixes [list issues/bugs if needed]
#4988

QA

• Open demo
• [Add QA steps]
• Review updated documentation:
  • [List any updated documentation for review]

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.

Screenshots

Before

After

[if relevant, include a screenshot or screen capture]

[webteam-app]

Demo starting at https://vanilla-framework-5009.demos.haus

[bartaz]

SCSS linting is failing on this one, because we already have .p-side-navigation__heading--linked defined below, so these could be joined together.

But to make it even better, I think we can put the max-width inside the %side-navigation__heading definition earlier in the file, so it will apply to ALL headings (not just linked).