Include language switcher in the modal

[gilluminate]

Closes PROD-1908

Description Of Changes

The language picker that was added in PROD-1598 should also be shown in the modal, so that users in areas where the banner doesn’t show can still switch languages.

Code Changes

• Broke out Language switcher as own component
• add globe and caret icons to the language button
• Display current locale in the language button
• absolute position language switcher in the modal to drop down on the bottom line and not crowd out the buttons above.

Steps to Confirm

• Open modal in fides.js demo
• Open modal in fides.js TCF demo

Pre-Merge Checklist

• All CI Pipelines Succeeded
• Issue Requirements are Met
• Update CHANGELOG.md

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
fides-plus-nightly	⬜️ Ignored (Inspect)	Visit Preview		Apr 9, 2024 3:08pm

[cypress]

Passing run #7130 ↗︎

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

Details:

Merge a069185 into dda0ae2...
Project: fides	Commit: c32675f8b8 ℹ️
Status: Passed	Duration: 00:35 💡
Started: Apr 9, 2024 3:20 PM	Ended: Apr 9, 2024 3:20 PM

Review all test suite changes for PR #4773 ↗︎

[eastandwestwind]

Nice work on this, and is looking almost perfect!

My main concern is that testing this out locally, upon switching to the Spanish version, I don't see the "on" / "off" text on the toggles:

Here's what the english version looks like:

Is this a new issue or existing? If existing can we create a new ticket to address this?

[gilluminate]

@eastandwestwind

Is this a new issue or existing? If existing can we create a new ticket to address this?

This appears to be existing and intentional https://github.com/ethyca/fides/blob/main/clients/fides-js/src/components/tcf/RecordsList.tsx#L53-L59

[eastandwestwind]

thanks for making those changes!