fix: Improve media background image (#1635)

* fix: Improve media background image

* Simplify loading spinner.

This is slightly less fancy, but removes code. I'm guessing no-one will notice or care enough to raise it! (BMFW).

tests/card-controller/card-element-manager.test.ts

@@ -127,7 +127,6 @@ describe('CardElementManager', () => {
     expect(api.getExpandManager().initialize).toBeCalled();
     expect(api.getMediaLoadedInfoManager().initialize).toBeCalled();
     expect(api.getMicrophoneManager().initialize).toBeCalled();
-    expect(api.getStyleManager().initialize).toBeCalled();
   });
 
   it('should disconnect', () => {

tests/card-controller/style-manager.test.ts

@@ -1,7 +1,6 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { StyleManager } from '../../src/card-controller/style-manager';
 import { FrigateCardView } from '../../src/config/types';
-import irisLogo from '../../src/images/camera-iris.svg';
 import { createCardAPI, createConfig, createHASS, createView } from '../test-utils';
 
 // @vitest-environment jsdom
@@ -10,21 +9,6 @@ describe('StyleManager', () => {
     vi.resetAllMocks();
   });
 
-  describe('initialize should set common properties', () => {
-    it('should set media background', () => {
-      const api = createCardAPI();
-      const element = document.createElement('div');
-      vi.mocked(api.getCardElementManager().getElement).mockReturnValue(element);
-      const manager = new StyleManager(api);
-
-      manager.initialize();
-
-      expect(
-        element.style.getPropertyValue('--frigate-card-media-background-image'),
-      ).toEqual(`url("${irisLogo}")`);
-    });
-  });
-
   describe('setLightOrDarkMode', () => {
     it('dark mode unspecified', () => {
       const api = createCardAPI();