feat(Screen): allow to zoom and pan screenshare content

[Antreesy]

☑️ Resolves

• Fix Zoom and pan on received screen share when larger than the available space to view it #12187
• On top of fix(PresenterOverlay): limit overlay to video_promoted wrapper borders #14044
• chore(deps): install panzoom library v9.4.3
  • library is 6kB, so nothing painful
• feat(Screen): allow to zoom and pan screenshare content
  • zoom up to 8 times (only zoom-in)
  • keep in bounds (to not move it away from view)
  • only in Speaker view

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

2024-12-23_16h01_36.mp4

🚧 Tasks

• Fix styles
• Apply constraints
• Check with VideoVue component (if needed)

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[nickvergessen]

Looks good on a first glance 👍

[ShGKme]

zoom-in cursor stays even when the cursor is used to zoom-out or move the image.

[DorraJaouad]

Let's keep the cursor normal and change it on action (e.g: when zooming in -> zoom-in etc)? we can mention that the screen is zoomable/movable in the shortcuts section so user can be informed there

[Antreesy]

Sound fine. changing on action would be more disturbing, as scroll event is short.