i18n(ar): address code review findings

Mirror the dock trays and their pin, the compact Radio window and the
phone top-bar actions in right-to-left; keep the Cyber cockpit's Data
Layers stack on the left edge. Isolate the Space Missions counter,
landing coordinates and CCTV summary parts, format their numbers with
the locale's numerals, decide pack shot titles by the marker binding,
and place Bhote Koshi media cards between the panels on either side.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/i18n/ar-display.test.mjs

@@ -18,6 +18,7 @@ import {
 import { hudQuantity, LOCALIZED_LOCALITY } from '../hudLocalityFormat.js';
 import { formatCockpitDistance } from '../ui/cockpitPresentation.js';
 import { READOUT_WORDS } from '../layers/recentImagery/display.js';
+import { createPresentation as createCctvPresentation } from '../layers/cctv/presentation.js';
 import {
   formatQuantity,
   formatScaleLabel,
@@ -160,3 +161,46 @@ test('Arabic uses all six plural forms and spaced HUD units', () => {
     setLocale(previous);
   }
 });
+
+test('Arabic keeps each CCTV summary code beside its own value', () => {
+  const camera = {
+    id: 'cam-1',
+    city: 'Austin',
+    name: 'Congress Ave',
+    headingDeg: 68,
+    fovDeg: 44,
+    rangeM: 120,
+    feedType: 'image',
+  };
+  const active = { camera };
+  const presentation = createCctvPresentation({
+    state: {
+      _records: [active],
+      _healthById: new Map(),
+      _showProjection: true,
+      _coverageMode: 'sector',
+    },
+    parts: {
+      selection: { getActiveRecord: () => active },
+      model: {
+        sectorAreaKm2: () => 0.01,
+        currentViewContext: () => 'street:1',
+      },
+      geometry: { coverageNeighborCount: () => 0 },
+      calibration: { deriveCalBadge: () => 'auto' },
+    },
+  });
+  const previous = getLocale();
+  try {
+    setLocale('ar');
+    const parts = presentation.buildSummaryText().split(' · ');
+    // Each part is its own isolate: «HDG 68° · FOV 44°» cannot form one
+    // left-to-right run that hands 44° to the HDG side.
+    for (const part of parts) assert.match(part, /^\u2068[\s\S]*\u2069$/);
+    assert.ok(parts.includes('\u2068FOV \u206844\u2069°\u2069'), parts.join(' | '));
+    setLocale('en');
+    assert.doesNotMatch(presentation.buildSummaryText(), /[\u2068\u2069]/);
+  } finally {
+    setLocale(previous);
+  }
+});