Add Duck Player settings UI

[CrisBarreiro]

Task/Issue URL: https://app.asana.com/0/72649045549333/1207551634140420

Description

• Add Duck Player settings UI
• Open YT URLs in Duck Player if setting is Enabled(Always)

Steps to test this PR

https://app.asana.com/0/0/1207704461779423/f
Note: There have been changes to the JS integration, so you might need to test these changes on the top of the stack

User preferences "Always" open Duck Player

• Open Settings -> Duck Player -> Set to always
• Type a YT URL on the omnibar
• Check Duck Player is loaded
• Navigate back and check you're going to the previous page your were visiting

User preferences "Always ask" trigger overlay

• Open Settings -> Duck Player -> Set to always ask
• Type a YT URL on the omnibar
• Check overlay is loaded in YT
• Check that watch here removes the overlay, and watch in Duck player navigates to Duck Player

User preferences "Never" stays in YT

• Open Settings -> Duck Player -> Set to never
• Type a YT URL on the omnibar
• Check video is loaded normally

UI changes

See https://app.asana.com/app/asana/-/get_asset?asset_id=1207785858877769

[CrisBarreiro]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Add Duck Player settings UI #4748 👈
• Add support for Duck Player #4663 : 12 other dependent PRs (#4752 , #4780 , #4824 and 9 others)
• develop

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @CrisBarreiro and the rest of your teammates on Graphite

[marcosholgado]

On the PR the settings don't seem to change but at the top of the stack works. Code wise LGTM though I think we should add more tests :)