Render linebreaks in the Fides.js overlay descriptions, etc.

[NevilleS]

Description Of Changes

Often, we're going to want to use line breaks to break up paragraphs of legalese in the overlays - adding whitespace: pre-line allows the browser to do this without any fancy rich text components 👍

For example, if I use a string like this:

We use cookies and similar methods to recognize visitors and remember their preferences.

We also use them to measure ad campaign effectiveness, target ads and analyze site traffic. Learn more about these methods, including how to manage them, by clicking ‘Manage Preferences.’ By clicking ‘accept’ you consent to the of these methods by us and our third parties. By clicking ‘reject’ you decline the use of these methods.",

Compare:

Before (whitespace: normal)	After (whitespace: pre-line)

Code Changes

• Update fides.css styles

Steps to Confirm

• Run turbo build for the fides-js project and open the clients/privacy-center/public/fides-js-components-demo.html page

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

[cypress]

Passing run #2887 ↗︎

0	4	0	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge de5263e into b4f1b3b...
Project: fides	Commit: f54b69cade ℹ️
Status: Passed	Duration: 01:06 💡
Started: Jun 23, 2023 5:17 PM	Ended: Jun 23, 2023 5:18 PM

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