UI Fixes (#11648)

* Add cursor pointer to preset dropdown

* Catch key index

* Fix iOS mime type

web/src/components/card/AnimatedEventCard.tsx

@@ -104,14 +104,18 @@ export function AnimatedEventCard({ event }: AnimatedEventCardProps) {
               />
             ) : (
               <video
-                src={`${baseUrl}api/review/${event.id}/preview?format=ts`}
                 preload="auto"
                 autoPlay
                 playsInline
                 muted
                 disableRemotePlayback
                 loop
-              />
+              >
+                <source
+                  src={`${baseUrl}api/review/${event.id}/preview?format=mp4`}
+                  type="video/mp4"
+                />
+              </video>
             )}
           </div>
           <div className="absolute inset-x-0 bottom-0 h-6 rounded bg-gradient-to-t from-slate-900/50 to-transparent">

web/src/components/player/PreviewThumbnailPlayer.tsx

@@ -672,7 +672,9 @@ export function InProgressPreview({
         setReviewed(review.id);
       }
 
-      setKey(key + 1);
+      if (previewFrames[key + 1]) {
+        setKey(key + 1);
+      }
     }, MIN_LOAD_TIMEOUT_MS);
 
     // we know that these deps are correct

web/src/views/live/LiveCameraView.tsx

@@ -594,6 +594,7 @@ function PtzControlPanel({
               return (
                 <DropdownMenuItem
                   key={preset}
+                  className="cursor-pointer"
                   onSelect={() => sendPtz(`preset_${preset}`)}
                 >
                   {preset}