USWDS-Site - Header: Add variants table to guidance page

[mahoneycm]

Summary

Added header variants table to guidance page. This change also removes empty "Using the header" section.

Related issue

Closes #1976

Preview link

Preview link:
Header variants →
Header changelog →

Problem statement

The Header guidance page was missing a variants table that can be found in other component guidance pages. There were also empty implementation sections due to each component containing variants in its frontmatter, which were not displayed in the sections.

Solution

Move the variants out of the individual header variants front matter and include it in the base header guidance markdown page.

Testing and review

1. Visit Header guidance page
2. View variants table and check for missing variants
3. Check each variant section and check for empty implementation sections (screenshots below)

Screenshots

Empty implementation section

There's an empty Using the... section for each variant

As seen on live site →

New variants table

Before opening this PR, make sure you’ve done whichever of these applies to you:

• Confirm that this code follows the 18F Front End Coding Style Guide and Accessibility Guide.
• Run git pull origin [base branch] to pull in the most recent updates from your base and check for merge conflicts. (Often, the base branch is main).
• Run npm test and confirm that all tests pass.
• Run your code through HTML_CodeSniffer and make sure it’s error free.

[amyleadem]

Thanks for finding and fixing this, @mahoneycm! Overall it looks good, I just added a couple suggestions for small tweaks in the changelog.

• Confirmed listed variants match those found in USWDS
• Confirmed the empty implementation sections have been removed
• Proofed for grammar and spelling

[mahoneycm]

@mejiaj Bumping for review

[amyleadem]

Looks good to me!

Just flagging that we should update the changelog date before merge.

[mejiaj]

Looks good. Confirming:

• Variants table exists and is accurate.
• Empty sections are gone.
• Changelog entry exists.

@mahoneycm would you be able to briefly look into:

1. A visual regression with touchpoints. If confirmed, can you create an issue if there isn't one already?
2. Updating changelog date to today, so we can get this merged.

Preview (left) / Live (right)

[mahoneycm]

@mejiaj Date updated and issue created, chef! 🫡

#2186

[mejiaj]

Thanks! I've pulled in latest from main branch.