Fix bug causing the wrong media load event to be dispatched.

src/components/live.ts

@@ -1,5 +1,4 @@
 // TODO Live scrolling nav buttons disappearing
-// TODO Media loading events appear wrong for snapshot viewer
 // TODO can I do away with clip/snapshot-specific?
 // TODO Live carousel chevron/icons style
 // TODO call change-event in viewer

src/components/viewer.ts

@@ -709,7 +709,17 @@ export class FrigateCardViewerCarousel extends FrigateCardMediaCarousel {
                 }
               }}
               @load="${(e: Event) => {
+                if (
+                  // This handler will be called on the empty image (including
+                  // an updated empty image that is the same dimensions large as
+                  // the previously fully loaded image -- see the note on dummy
+                  // images in media-carousel.ts). Here we need to only call the
+                  // media load handler on a 'real' load.
+                  !lazyLoad ||
+                  this._slideHasBeenLazyLoaded[slideIndex]
+                ) {
                   this._mediaLoadedHandler(slideIndex, createMediaShowInfo(e));
+                }
               }}"
             />`}
       </div>