fix: Adjust media size to take maximum available space (#2346)

- Closes #2109

src/components/live/carousel.ts

@@ -344,6 +344,7 @@ export class AdvancedCameraCardLiveCarousel extends LitElement {
         @advanced-camera-card:carousel:select=${this._setViewHandler.bind(this)}
         @advanced-camera-card:media:loaded=${() => {
           this._mediaHasLoaded = true;
+          this._mediaHeightController.recalculate();
         }}
         @advanced-camera-card:media:unloaded=${() => {
           this._mediaHasLoaded = false;

src/components/viewer/carousel.ts

@@ -346,6 +346,7 @@ export class AdvancedCameraCardViewerCarousel extends LitElement {
         }}
         @advanced-camera-card:media:loaded=${(ev: CustomEvent<MediaLoadedInfo>) => {
           this._loadedMediaPlayerController = ev.detail.mediaPlayerController ?? null;
+          this._mediaHeightController.recalculate();
           this._seekHandler();
         }}
         @advanced-camera-card:media:unloaded=${() => {