3424 styling for banner

[eastandwestwind]

Closes #3424

Code Changes

• Updates banner styling according to Figma mocks

Steps to Confirm

• Nav to http://localhost:3000/fides-js-components-demo.html
• See banner matches mocks (note that the mocks have a small screen width, and on a standard laptop, this will appear stretched out):

Mocks:

This PR:

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Documentation:
  • documentation complete, PR opened in fidesdocs
  • documentation issue created in fidesdocs
• Issue Requirements are Met
• Relevant Follow-Up Issues Created
• Update CHANGELOG.md
• For API changes, the Postman collection has been updated

Description Of Changes

Write some things here about the changes and any potential caveats

[cypress]

Passing run #2349 ↗︎

0

4

0

0

0

Details:

Merge def2520 into ca140f5...
Project: fides	Commit: 4dfc53ee50 ℹ️
Status: Passed	Duration: 00:46 💡
Started: Jun 2, 2023 3:06 PM	Ended: Jun 2, 2023 3:07 PM

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}

[allisonking]

this looks good overall! #3429 will fix the font

font size is going to be an issue, and one I ran into in that PR as well. I opted to use ems which makes things look a little big I think, at least in the banner. the modal looks ok though. actually I think the figma might have different font sizes for the modal and the banner which makes it difficult to use the font size var 🤔

let's get yours merged in and I can resolve conflicts in my branch!

[allisonking]

🎉