DT-2809: Update banner styling

[rushtong]

Addresses

https://broadworkbench.atlassian.net/browse/DT-2809

Summary

Per conversations with product, new colors and styling for the cookie banner as follows:

Screen widths >= 800px

Footer in view when scrolled

Screen widths < 800px

---

Have you read Terra's Contributing Guide lately? If not, do that first.

• Label PR with a Jira ticket number and include a link to the ticket
• Label PR with a security risk modifier [no, low, medium, high]
• PR describes scope of changes
• Get a minimum of one thumbs worth of review, preferably two if enough team members are available
• Get PO sign-off for all non-trivial UI or workflow changes
• Verify all tests go green
• Test this change deployed correctly and works on dev environment after deployment

[fboulnois]

Perhaps consider migrating the CookieBanner to Material UI?

[rushtong]

I'm not clear on this suggestion. We are using some Material UI features in the component - are there additional things we can do here?

[fboulnois]

I have a few suggestions.

[rushtong]

I have a few suggestions.

@fboulnois - this isn't approved by product yet - we're still in active conversations.

[otchet-broad]

👍
Looks good!

[fboulnois]

Should we make this window look a little more like our other windows?

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[rushtong]

@fboulnois @kevinmarete @otchet-broad - PTAL, this version of the design has product approval.