feat: YouTube Component

[istarkov]

Description

closes #1747
closes #3741
closes #3649

Suggestions:

• - Remove autoplay, unpredictable in Chrome.

Additions:

• - privacyEnhancedMode partially|maybe GDRP compliant

Steps for reproduction

1. click button
2. expect xyz

Code Review

• hi @kof, I need you to do
  • conceptual review (architecture, feature-correctness)
  • detailed review (read every line)
  • test it on preview

Before requesting a review

• made a self-review
• added inline comments where things may be not obvious (the "why", not "what")

Before merging

• tested locally and on preview environment (preview dev login: 0000)
• updated test cases document
• added tests
• if any new env variables are added, added them to .env file

[kof]

I can tell you don't like them very much loll, please check everywhere it's called "YouTube" exactly like this.

Not Youtube, not You Tube

[kof]

Something to think about, we had the same problem in a toast notification @TrySound recently wrote, can't find the PR, maybe we need markdown there if we don't want to support jsx in the tooltip?

[kof]

• Would be really nice for the List Type to have a select box with predefined values

[johnsicili]

Good stuff Ivan! Just some minor stuff

Component desc is still Viemo:

In the toggles there are both "Keyboard" and "Disable Keyboard". Maybe they have different purposes but possibly a duplicate.

I think this is Vimeo's color. Probs best to use a YouTube color or no?

Preview image alt shows Vimeo

If you want to do any drive-bys (I would only recommend if they are very simple):

• Ability to set iframe title on Vimeo for accessibility #3741
• Vimeo preview image has optimize disabled by default #3649

[johnsicili]

Reference #1747

[kof]

Ah yes, iframe title is something that is needed in particular when Autoplay is on, so the iframe is on the page already without user interaction