Fixes the play/pause on drag issue with the floating player. (#221) (#7339)

I tried to use event.preventDefault on the click handler but that didn't
work. So instead I'm using css 'pointer-events: none' to disable click
events on the player while the player is being dragged.

https://github.com/OdyseeTeam/odysee-frontend/issues/206

Co-authored-by: maxime peabody <maximepeabody@gmail.com>

ui/scss/component/_content.scss

@@ -4,6 +4,10 @@
   top: var(--spacing-s);
 }
 
+.content__viewer--disable-click {
+  pointer-events: none;
+}
+
 .content__viewer--inline {
   max-height: var(--inline-player-max-height);
   border: none;