AppFooter: Change visual alignment to centered (HDS-2960)

[KristinLBradley]

📌 Summary

If merged, this PR changes the AppFooter visual alignment from right-aligned to centered.

• Showcase: https://hds-showcase-git-hds-2960-app-footer-alignment-hashicorp.vercel.app/components/app-footer

📸 Screenshots

TFC - BEFORE (with old footer):

TFC - AFTER (with Hds::AppFooter):

🔗 External links

• Jira ticket: HDS-2960
• Figma file

---

👀 Component checklist

• Percy was checked for any visual regression
• A11y tests have been run locally (yarn test:a11y --filter="COMPONENT-NAME")
• If documenting a new component, an acceptance test that includes the a11yAudit has been added
• A changelog entry was added via Changesets if needed (see templates here)

💬 Please consider using conventional comments when reviewing this PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
hds-showcase	✅ Ready (Inspect)	Visit Preview	Dec 20, 2023 7:59pm
hds-website	✅ Ready (Inspect)	Visit Preview	Dec 20, 2023 7:59pm

[didoo]

All good from the code side. But before merging:

• wait for the equivalent change in Figma to be ready to be released
• wait for the images in the documentation to be updated too (could be done in this PR, or in a separate one)

[KristinLBradley]

Added screenshots showing the Hds::AppFooter within TFC.

One issue, their old footer a property for this.currentOrganization as part of their "Support" link href. Not sure where I would put that so it works with the Hds::AppFooter. I'd have to create a new JavaScript file.

UPDATE: For now I did this

• @hrefForSupport={{if @currentOrganization (support-email-link @currentOrganization) null}}
• Opened a PR using wrapper component.

Related Slack thread: https://hashicorp.slack.com/archives/C03JP1TCGQM/p1702948434832399?thread_ts=1700519716.692309&cid=C03JP1TCGQM

[didoo]

One issue, their old footer a property for this.currentOrganization as part of their "Support" link href. Not sure where I would put that so it works with the Hds::AppFooter. I'd have to create a new JavaScript file.

UPDATE: For now I did this @hrefForSupport={{if @currentOrganization (support-email-link @currentOrganization) null}}

@KristinLBradley probably I would work/collaborate with them to find the correct solution (they have better context of their codebase)

[andgen404]

Changes look good to me 🎉

[KristinLBradley]

All good from the code side. But before merging:

• wait for the equivalent change in Figma to be ready to be released
• wait for the images in the documentation to be updated too (could be done in this PR, or in a separate one)

Documentation has been updated with new images & Figma component updates from @andgen404 are ready to go.