Add infrastructure for consent banner and link

[eastandwestwind]

Closes #3043 and #3051

Code Changes

• Add consent infrastructure that renders dummy banner and link
• Uses Preact + TSX
• Link generation requires an HTML element with the id = 'fides-consent-link' somewhere on the page. We should either surface this info within the experience / notice flow OR make this configurable in privacy experiences

Steps to Confirm

Pre-requisites to test:

• If you haven't already, install Turborepo globally so that you can use it on the command line npm install turbo --global
• In clients folder, run npm install.

To test:

• In clients/privacy-center folder, run turbo run dev, then navigate to http://localhost:3000/fides-js-components-demo.html
• To test other configuration, you can edit the fidesConfig object passed into Fides.init() in privacy-center/public/fides-js-components-demo.html

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

Follow-up Tickets

• Move consent-banner.cy.ts to fides-js instead of privacy-center- Move consent-banner.cy.ts e2e test to fides-js instead of privacy-center #3274
• Use constants instead of strings in class / id names in fides-js - Use constants instead of strings for class / id names in fides-js #3287
• Bundle CSS into fides.js script, and add styles to DOM from the package - Bundle CSS into fides.js script, and add styles to DOM from the package  #3288
• Add support for consent banner position - Add support for consent banner position #3294
• Allow mounting fides-js components into a specified HTML container - Allow mounting fides-js components into a specified HTML container #3293
• Privacy experience list API should support filtering for country code - Privacy experience list API should support filtering for country code #3300

[NevilleS]

Looking hawt! Couple comments on this WIP

[cypress]

Passing run #1946 ↗︎

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

Details:

Merge 6920461 into 061d65d...
Project: fides	Commit: beb690af0a ℹ️
Status: Passed	Duration: 01:13 💡
Started: May 13, 2023 6:07 PM	Ended: May 13, 2023 6:09 PM

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

[NevilleS]

Couple comments that I was thinking about recently - I think we can architect this in a super clean and functional way to make this easy to incrementally build, but want your $0.02 on it too

[NevilleS]

Couple comments that I was thinking about recently - I think we can architect this in a super clean and functional way to make this easy to incrementally build, but want your $0.02 on it too

[NevilleS]

Couple comments that I was thinking about recently - I think we can architect this in a super clean and functional way to make this easy to incrementally build, but want your $0.02 on it too

[NevilleS]

OK, looking good so far!

There are some large structural asks in this review- hopefully we're at a point now where we have a solid test harness for all the logic so we can retool this to fit our liking.

Let me know what you think is realistic to achieve for a first version, and what we should split out and ticket as follow-up changes

[allisonking]

this is a really solid foundation, @eastandwestwind ! I'm going to keep playing with things today, but here are some comments for now. looking forward to building off of this!

[NevilleS]

Couple more nits and a bug or two but this is super close!

[NevilleS]

Couple more nits and a bug or two but this is super close!

[NevilleS]

OK, ship it!

I still have a bunch of nitpicks but I pushed a few tidy up commits. Let's see if CI still passes!