fix: Show version number with card loading spinner (#1825)

- Closes #1818

**Why add this?**: A repeated pattern is that an issue is fixed in the
card, a new build is released and users will incorrectly believe it's
not yet fixed due to their browser caching the old code. This results in
wasting their time, and my time.

**But it's obnoxious!**: I'm pretty sensitive to this (hence adding
these messages!), so let me know how terrible you find it. You can
disable it with:

```yaml
performance:
  features:
    card_loading_indicator: false
```

src/config/profiles/low-performance.ts

@@ -34,6 +34,7 @@ import {
   CONF_MENU_BUTTONS_MEDIA_PLAYER,
   CONF_MENU_BUTTONS_TIMELINE,
   CONF_MENU_STYLE,
+  CONF_PERFORMANCE_FEATURES_CARD_LOADING_INDICATOR,
   CONF_PERFORMANCE_FEATURES_ANIMATED_PROGRESS_INDICATOR,
   CONF_PERFORMANCE_FEATURES_MAX_SIMULTANEOUS_ENGINE_REQUESTS,
   CONF_PERFORMANCE_FEATURES_MEDIA_CHUNK_SIZE,
@@ -118,6 +119,7 @@ export const LOW_PERFORMANCE_PROFILE = {
 
   // Disable all optional performance related features.
   [CONF_PERFORMANCE_FEATURES_ANIMATED_PROGRESS_INDICATOR]: false,
+  [CONF_PERFORMANCE_FEATURES_CARD_LOADING_INDICATOR]: false,
 
   // Load fewer media items by default.
   [CONF_PERFORMANCE_FEATURES_MEDIA_CHUNK_SIZE]: 10,

src/config/types.ts

@@ -1995,6 +1995,7 @@ const automationsSchema = automationSchema.array();
 const performanceConfigDefault = {
   features: {
     animated_progress_indicator: true,
+    card_loading_indicator: true,
     media_chunk_size: MEDIA_CHUNK_SIZE_DEFAULT,
   },
   style: {
@@ -2010,6 +2011,9 @@ export const performanceConfigSchema = z
         animated_progress_indicator: z
           .boolean()
           .default(performanceConfigDefault.features.animated_progress_indicator),
+        card_loading_indicator: z
+          .boolean()
+          .default(performanceConfigDefault.features.card_loading_indicator),
         media_chunk_size: z
           .number()
           .min(0)