USWDS - Footer: Restore layout-grid dependency

[mahoneycm]

Summary

Restored layout-grid dependency in footer package and removed layout-grid styles from footer stylesheet. This update prevents visual regression in other components with layout-grid utility classes in their markup.

Breaking change

This is not a breaking change.

Related issue

Closes #5914

Related pull requests

Changelog →

USWDS - Footer: Remove grid dependency.#5289

USWDS - Footer: Grid layout hotfix#5675

Preview link

Footer storybook preview →

Problem statement

The styles we added to footer after removing the layout-grid dependency cause visual regressions in other components with layout-grid utility classes in their markup.

Solution

Due to the amount of layout-grid classes used in footer markup, we’ve decided it’s best to include the dependency moving forward.

Major changes

• Restored layout-grid dependency in footer package
• Removed layout-grid classes in footer stylesheet
• Footer package size before: 4 kb
• Footer package size after: 12 kb

Testing and review

1. Visit the footer component and it’s variant pages
2. Confirm there is no visual regression in any viewport widths
3. Inspect demo repo code and preview
4. Confirm that banner and footer are displaying as expected without the usa-layout-grid package.
5. Compare _usa-footer.scss to the release-3.7.0 version (before we removed the dependency) and confirm they match.
6. Confirm that there were no other updates to footer styles that are missing.

[amyleadem]

Looks good! I checked the following:

• Confirm code in usa-footer matches the code from 3.7.0

  • Note: there is one difference between this PR and 3.7.0 (see screenshot below). This difference is expected because it was added in USWDS - Footer: Remove additional space. Fixes #5214 (Bug) #5234 for an unrelated footer fix.
    

• Confirm no visual regressions

• Confirm no issues with compilation