Modal for copying JS script tag

[allisonking]

Closes #3168

Code Changes

• Refactors the existing ClipboardButton component
• Adds a JavaScriptTag component—a button + modal
• Adds cypress-real-events to enable testing clipboard/copy-paste events
• Cypress test

Steps to Confirm

• Visit the privacy experience page
• There should be a "Get JavaScript tag" button
• Clicking on it should bring a modal where you can click the Copy icon in order to get the script on your clipboard

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

Screen.Recording.2023-05-05.at.3.16.32.PM.mov

[cypress]

Passing run #1785 ↗︎

0

4

0

0

0

Details:

Merge 59c22cc into 2afdfea...
Project: fides	Commit: cda9c974fb ℹ️
Status: Passed	Duration: 00:46 💡
Started: May 5, 2023 7:34 PM	Ended: May 5, 2023 7:34 PM

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

[eastandwestwind]

This looks good for now, so we're simply requiring the user to replace the {privacy-center-hostname-and-path} with their own.

I like the iterative approach. We'll likely want to add a config form somewhere in admin-ui for the pc url. Something to think about when we add this config is what if a user has multiple PCs across multiple subdomains.

[allisonking]

Cypress dashboard appears to be having an issue, but I ran the E2E smoke test locally and everything passed, so I'll merge this now