refactor: Refactor internal error / info message components (#1842)

src/components/live/carousel.ts

@@ -18,6 +18,7 @@ import {
 import { MicrophoneState } from '../../card-controller/types.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { MediaActionsController } from '../../components-lib/media-actions-controller.js';
+import { dispatchFrigateCardErrorEvent } from '../../components-lib/message/dispatch.js';
 import { ZoomSettingsObserved } from '../../components-lib/zoom/types.js';
 import { handleZoomSettingsObservedEvent } from '../../components-lib/zoom/zoom-view-context.js';
 import {
@@ -42,7 +43,6 @@ import { getTextDirection } from '../../utils/text-direction.js';
 import { View } from '../../view/view.js';
 import '../carousel';
 import { EmblaCarouselPlugins } from '../carousel.js';
-import { dispatchFrigateCardErrorEvent } from '../message.js';
 import '../next-prev-control.js';
 import '../ptz.js';
 import { FrigateCardPTZ } from '../ptz.js';

src/components/live/providers/jsmpeg.ts

@@ -26,7 +26,10 @@ import {
   dispatchMediaPlayEvent,
 } from '../../../utils/media-info.js';
 import { Timer } from '../../../utils/timer.js';
-import { renderMessage, renderProgressIndicator } from '../../message.js';
+import '../../message.js';
+import { renderMessage } from '../../message.js';
+import '../../progress-indicator.js';
+import { renderProgressIndicator } from '../../progress-indicator.js';
 
 // Number of seconds a signed URL is valid for.
 const JSMPEG_URL_SIGN_EXPIRY_SECONDS = 24 * 60 * 60;

src/components/live/providers/webrtc-card.ts

@@ -30,7 +30,10 @@ import {
 } from '../../../utils/media.js';
 import { screenshotMedia } from '../../../utils/screenshot.js';
 import { renderTask } from '../../../utils/task.js';
-import { renderMessage, renderProgressIndicator } from '../../message.js';
+import '../../message.js';
+import { renderMessage } from '../../message.js';
+import '../../progress-indicator.js';
+import { renderProgressIndicator } from '../../progress-indicator.js';
 import { VideoRTC } from './go2rtc/video-rtc.js';
 
 // Create a wrapper for AlexxIT's WebRTC card