feat(home): add beta banner, beta/legal alert

[billhimmelsbach]

Adds the beta and legal alert to the unauthenticated home page.

Closes #559

Changes

• adds a beta banner to all pages
• adds a beta/legal alert to the unauthenticated home page

How to test this PR

1. Take a peek at the preview site
2. See if the banner and alert look like the designs
3. Test out the links in the alert
4. Make sure the banner appears correct on other pages in the app

Design questions

• what should the subject line be for the email our support staff link in the Alert box on the unauthenticated home page? I set it to [BETA] Home page: Questions or suggestions for now @natalia-fitzgerald

Screenshots

Notes

• Future post-mvp related PRs
  • [Beta] Add new beta banner component design-system-react#352
  • [Alert] Allow disabling of the heading styles design-system-react#351

[shindigira]

@natalia-fitzgerald @billhimmelsbach Does the beta banner need to be fixed to the top so that even when the user scrolls down -- said user still sees the banner?

[billhimmelsbach]

@natalia-fitzgerald @billhimmelsbach Does the beta banner need to be fixed to the top so that even when the user scrolls down -- said user still sees the banner?

@shindigira @natalia-fitzgerald I don't think the designs had it fixed when we discussed it, and I'd probably argue that having it follow the user would be a lot heh. 🟨 👀

[natalia-fitzgerald]

@natalia-fitzgerald @billhimmelsbach Does the beta banner need to be fixed to the top so that even when the user scrolls down -- said user still sees the banner?

@shindigira @natalia-fitzgerald I don't think the designs had it fixed when we discussed it, and I'd probably argue that having it follow the user would be a lot heh. 🟨 👀

If we're following the CFPB default approach, and I believe that was our intent, it appears that the banner is not "fixed" to the top (does not follow the user as they scroll down the page). Here it is implemented: https://beta.consumerfinance.gov/

If there's a desire to consider a "fixed" beta banner we can discuss post MVP. But I think what you've implemented captures the design and the CFPB approach we were modeling.

[billhimmelsbach]

If there's a desire to consider a "fixed" beta banner we can discuss post MVP. But I think what you've implemented captures the design and the CFPB approach we were modeling.

No desire from me. I think it would be a little weird for it to be fixed, so I'm happy as it is now and have it remain the same post-mvp @natalia-fitzgerald 👍

[meissadia]

LGTM 👍🏾