Port ALPR camera visuals into the shared layer

Add camera badges, gradient direction wedges and animated tactical selection cards while preserving bounded loading and layer lifecycle. Align the ALPR data-layer header and retain native pick ownership for overlay badges.

Co-authored-by: manjunath22466 <[email protected]>

src/app/layers/alprCameras.js

@@ -2,12 +2,30 @@ import { createAlprCamerasLayer } from '../../layers/alpr/index.js';
 import * as render from '../../renderGovernor.js';
 import * as context from '../../data/contextStore.js';
 import * as picking from '../../data/pickRegistry.js';
+import { registerWorldOverlayPaintLane } from '../../overlays/worldOverlay.js';
+import { keyholeLabelAlphaFromGeometry } from '../../celestialRing.js';
+import { refreshTrackedReadout } from '../../data/trackedReadout.js';
 
 /** Construct one layer using the application scene owners and a supplied source. */
 export function createApplicationAlpr({ surface, source }) {
   const { groundFloor } = surface;
   return createAlprCamerasLayer({
     source,
-    services: { render, context, picking, groundFloor },
+    services: {
+      render,
+      context,
+      picking,
+      groundFloor,
+      overlays: {
+        registerPaintLane: registerWorldOverlayPaintLane,
+        keyholeAlpha: keyholeLabelAlphaFromGeometry,
+        refreshReadout: refreshTrackedReadout,
+        subscribeMapStack(callback) {
+          window.addEventListener('gev:map-stack-changed', callback);
+          return () =>
+            window.removeEventListener('gev:map-stack-changed', callback);
+        },
+      },
+    },
   });
 }