Fixed Breadcrumb links on firefox/feature pages which are misaligned

[Ayushsunny]

One-line summary

Aligned the Protocol breadcrumbs component on firefox/feature pages with the rest of the page content and added additional padding for improved clickability.

Significant changes and points to review

• Aligned the breadcrumb links with the navigation links for better visual consistency.
• Added additional top and bottom padding to the breadcrumb links for improved clickability.
• All the linkes mentioned below :
  1. https://www.mozilla.org/en-US/firefox/features/fast/
  2. https://www.mozilla.org/en-US/firefox/features/private/
  3. https://www.mozilla.org/en-US/firefox/features/password-manager/
  4. https://www.mozilla.org/en-US/firefox/features/sync/
  5. https://www.mozilla.org/en-US/firefox/features/bookmarks/
  6. https://www.mozilla.org/en-US/firefox/features/private-browsing/
  7. https://www.mozilla.org/en-US/firefox/features/customize/
  8. https://www.mozilla.org/en-US/firefox/features/add-ons/
  9. https://www.mozilla.org/en-US/firefox/features/pinned-tabs/
  10. https://www.mozilla.org/en-US/firefox/features/eyedropper/
  11. https://www.mozilla.org/en-US/firefox/features/pdf-editor/
  12. https://www.mozilla.org/en-US/firefox/features/block-fingerprinting/
  13. https://www.mozilla.org/en-US/firefox/features/adblocker/
  14. https://www.mozilla.org/en-US/firefox/features/translate/
  15. https://www.mozilla.org/en-US/firefox/features/picture-in-picture/

Issue / Bugzilla link

#14081

Testing

• Opened the specified URL in Firefox Nightly on macOS.
• Verified that the breadcrumb links are now aligned with the navigation links.
• Checked the padding of the breadcrumb links to ensure they are easier to click.
• Tested the behavior on different screen sizes to ensure responsiveness.

Before

After

[Ayushsunny]

@alexgibson Review

[codecov]

Codecov Report

Attention: Patch coverage is 67.96875% with 82 lines in your changes are missing coverage. Please review.

Project coverage is 76.58%. Comparing base (4deaca3) to head (d431112).
Report is 1404 commits behind head on main.

Files	Patch %	Lines
...rock/base/management/commands/update_www_config.py	0.00%	38 Missing ⚠️
bedrock/firefox/redirects.py	14.28%	12 Missing ⚠️
bedrock/careers/views.py	65.38%	9 Missing ⚠️
bedrock/contentful/api.py	69.56%	7 Missing ⚠️
...ontentful/management/commands/update_contentful.py	89.36%	5 Missing ⚠️
bedrock/base/middleware.py	92.68%	3 Missing ⚠️
...tcards/management/commands/update_content_cards.py	0.00%	2 Missing ⚠️
...lfiles/management/commands/update_externalfiles.py	0.00%	2 Missing ⚠️
bedrock/base/templatetags/helpers.py	85.71%	1 Missing ⚠️
bedrock/base/views.py	50.00%	1 Missing ⚠️
... and 2 more

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #14253      +/-   ##
==========================================
- Coverage   76.72%   76.58%   -0.15%     
==========================================
  Files         147      145       -2     
  Lines        7344     7802     +458     
==========================================
+ Hits         5635     5975     +340     
- Misses       1709     1827     +118     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[alexgibson]

This may fix the issue, but I'm afraid the solution of loading an existing style sheet from an entirely unrelated page is not adequate. Please seek a better solution that doesn't introduce so much redundant CSS. Thank you

(the style sheet you have loaded also no longer exists in the main branch)

[alexgibson]

Superseded by #14413