Rebrand public representation for components

[andrejvelichkovski]

Done

This PR rebrands the component template at ubuntu.com/certified/components/<COMPONENT-ID>.

It uses a new Vanilla styleguide designed in WD-14696.

QA

• Check out this feature branch
• Run the site using the command ./run serve or dotrun
• View the site locally in your web browser at: http://0.0.0.0:8001/
  • Be sure to test on mobile, tablet and desktop screen sizes
• [List additional steps to QA the new features or prove the bug has been resolved]

Issue / Card

Fixes C3-803

Screenshots

Before

After

Help

QA steps - Commit guidelines

[webteam-app]

andrejvelichkovski is not a collaborator of the repo

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 69.64%. Comparing base (3b420ba) to head (79b073b). Report is 12 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #14367   +/-   ##
=======================================
  Coverage   69.64%   69.64%           
=======================================
  Files         120      120           
  Lines        3419     3419           
  Branches     1178     1178           
=======================================
  Hits         2381     2381           
  Misses       1013     1013           
  Partials       25       25           

[andrejvelichkovski]

Thanks @andrejvelichkovski! A few comments in the code, and demo link here. Please let me know if/when you need me to re-run it

Thanks for the review @mtruj013! I have now applied the changes as suggested. Would you please mind re-running the demo link again and taking a look at the PR again?