Video: refactor to function component & experiment implementation

[AlbertCarreras]

Thanks for creating a PR! Please follow this template and delete items/sections that are not relevant to your changes, including these instructions.

Please also make sure your PR title matches our format: ComponentName: Description

Summary

What changed?

From a high level, what are the changes this PR introduces? (No need to recount line-by-line, we can see that.)

Why?

What is the purpose of this PR? Please include the context around these changes for Future Us. In addition to what is changing, we need to know why these changes are needed. Imagine someone is looking at these changes a year from now and needs to know why they were made.

Links

• Jira
• [TDD](link to Paper doc)
• [Figma](link to Figma file)

Checklist

• [ ] Added unit and Flow Tests
• [ ] Added documentation + accessibility tests
• [ ] Verified accessibility: keyboard & screen reader interaction
• [ ] Checked dark mode, responsiveness, and right-to-left support
• [ ] Checked stakeholder feedback (e.g. Gestalt designers)

[netlify[bot]]

✅ Deploy Preview for gestalt ready!

Name	Link
🔨 Latest commit	b4abbdc55d9f7d693bbeec7a132272d8e3fbf435
🔍 Latest deploy log	https://app.netlify.com/sites/gestalt/deploys/62daebf4e93e1b00087755e5
😎 Deploy Preview	https://deploy-preview-2213--gestalt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[dangerismycat]

@AlbertCarreras What's the status on this PR? Is this something you plan to merge+launch in the near future?