Improve image loading by not loading when off screen

web/src/components/camera/CameraImage.tsx

@@ -93,6 +93,7 @@ export default function CameraImage({
             "rounded-lg md:rounded-2xl",
           )}
           onLoad={handleImageLoad}
+          loading="lazy"
         />
       ) : (
         <div className="pt-6 text-center">

web/src/components/player/PreviewPlayer.tsx

@@ -539,6 +539,7 @@ function PreviewFramesPlayer({
       <img
         ref={imgRef}
         className={`size-full rounded-lg bg-black object-contain md:rounded-2xl`}
+        loading="lazy"
         onLoad={onImageLoaded}
       />
       {previewFrames?.length === 0 && (

web/src/pages/Live.tsx

@@ -29,7 +29,11 @@ function Live() {
       if (group) {
         setCameraGroup(cameraGroup);
       }
+
+      return true;
     }
+
+    return false;
   });
 
   // fullscreen