feat(ui): render the status chips and their split-flap labels from a store

ShellFeedback publishes the loading status and the road network chip, and
CctvControls the camera grid chip, to the gev-status store; the scene
chrome renders them. SplitFlapText plays the departure-board cascade that
splitFlap.js plans, writing only the label's one text node, and rests when
its owner is destroyed. setSplitFlapText and disposeSplitFlap are gone.

src/ui/shellFeedbackStatusLocalization.test.mjs

@@ -10,12 +10,8 @@ import {
   reduceLoadingFeedback,
 } from '../loadingFeedback.js';
 
-const elements = {
-  'global-loading-status': { hidden: true, dataset: {} },
-  'global-loading-detail': { textContent: '' },
-};
 globalThis.document ??= {
-  getElementById: (id) => elements[id] ?? null,
+  getElementById: () => null,
   addEventListener() {},
   removeEventListener() {},
   // The layer panel reaches Vue, whose DOM runtime creates one element as it
@@ -38,10 +34,14 @@ function alprChipDetail(locale, retryInMs) {
       retryAt: Date.now() + retryInMs,
     },
   };
-  const feedback = new ShellFeedback({ readLayers: () => [layer] });
+  let loading = null;
+  const feedback = new ShellFeedback({
+    readLayers: () => [layer],
+    store: { publishLoading: (view) => (loading = view) },
+  });
   feedback._armLoadingFeedbackTicker = () => {};
   feedback._updateGlobalLoadingFeedback(0);
-  return elements['global-loading-detail'].textContent;
+  return loading.detail;
 }
 
 test.afterEach(() => setLocale('en'));