feat: make the video in song editor draggable, resizable & snappable

[oliver139]

Fix #32

vue3-moveable is used

• Draggable
• Resizable
• Snappable to window edge
• Re-position on window resize
• Reset to initial size and location by double clicking the drag handle

Not tested on mobile device yet

[netlify]

✅ Deploy Preview for nijuumaru ready!

Name	Link
🔨 Latest commit	c327c47
🔍 Latest deploy log	https://app.netlify.com/sites/nijuumaru/deploys/672a63ba058a0d0008d964b1
😎 Deploy Preview	https://deploy-preview-85--nijuumaru.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.

[LittleSound]

looks good to me. but I think the video window should be fixed when scrolling?

[oliver139]

looks good to me. but I think the video window should be fixed when scrolling?

Oh yes, you are right :D
should use a position: fixed here
Let me amend this later

[oliver139]

Ok, corrected with some more extra fixes:

• The video window is now fixed when scrolling
• max-width & max-height are now applied to avoid the video being larger then the browser window
• Avoid the video be placed outside the browser window when resetting with double clicking the drag handle

[LittleSound]

LGTM