duckplayer: remove label click trigger on mobile

[shakyShane]

Asana Task/Github Issue: https://app.asana.com/0/0/1208542811348500/f

Description

It's common in a web-based UI to have the label wrapping an input, and then click on the label toggle the switch. In the case of iOS/Android this is not as common (if at all)

So this change is just for the mobile devices - we still use an associated label, but we move the trigger to just the switch.

Testing Steps

• visit this on a mobile device https://deploy-preview-1121--content-scope-scripts.netlify.app/build/pages/duckplayer/
• try tapping the label text to the left of the switch
  • it SHOULD NOT activate the switch

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[shakyShane]

• duckplayer: remove label click trigger on mobile #1121 👈
• main

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

Join @shakyShane and the rest of your teammates on Graphite

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	9efe35f
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/67121b3bcfa5470008e9ca15
😎 Deploy Preview	https://deploy-preview-1121--content-scope-scripts.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 configuration.

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1121
• Commit Hash: 638e90c1af6cf7c2852683755fb06220ca36a62e
• Install Command: npm i github:duckduckgo/content-scope-scripts#638e90c1af6cf7c2852683755fb06220ca36a62e

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Fri, 18 Oct 2024 08:43:38 GMT

Android

    - android/pages/duckplayer/js/index.css

• android/pages/duckplayer/js/index.js

File has changed

Integration

    - integration/pages/duckplayer/js/index.css

• integration/pages/duckplayer/js/index.js

File has changed

Windows

    - windows/pages/duckplayer/js/index.css

• windows/pages/duckplayer/js/index.js

File has changed

Apple

    - dist/pages/duckplayer/index.html

• dist/pages/duckplayer/js/index.css
• dist/pages/duckplayer/js/index.js

File has changed

[mgurgel]

LGTM