Improve thumbnails and live player (#9828)

* Don't show gif until event is over and fix aspect

* Be more efficient about updating events

* ensure previews are sorted

* Don't show live view when window is not visible

* Move debug camera to separate view

* Improve jpg loading

* Ensure still is updated on player live finish

* Don't reload when window not visible

* Only disconnect instead of full remove

* Use start time instead of event over to determine gif

web/tailwind.config.js

@@ -25,7 +25,7 @@ module.exports = {
       },
       aspectRatio: {
         wide: "32 / 9",
-        tall: "9 / 16",
+        tall: "8 / 9",
       },
       colors: {
         border: "hsl(var(--border))",