Merge Core main into german/hal-644-ar: Arabic on the Vue UI

Main moved the UI to Vue views and Pinia stores, so the Arabic changes to
the old DOM controllers now live in their views: the rail legend range
comes from formatScaleRange (keeping units a source supplies as given),
the voice timeout options are worded by Intl unit formatting in
VoiceControl, and the scene editor's JSON fields stay left to right in
SceneDialog. Main's CCTV status line, launch panel and calibration values
keep the Arabic isolates and Western-digit formatting.

isolate() and keepCodesWithValues() read the locale through getLocale(),
which follows the page's vue-i18n instance, and the Intl formatters take
intlLocale(getLocale()). A language switch now applies in place, and
applyDocumentLanguage sets <html dir> on every switch, so the page mirrors
without a reload.

The icon rails and their tips are placed with logical properties, so they
stay on the outer side of the mirrored stacks; Cyber's new stack offsets,
padding and edge lines are logical too, and rtl.css moves Cyber's right
stack to its new rail clearance. Main removed the Context mini radio, so its
right-to-left rules and test go.

The Arabic catalog gains main's new strings and drops the ones main no
longer uses; the other catalogs keep main's new keys and the branch's
landing labels.

src/ui/rtlLayout.test.mjs

@@ -64,16 +64,31 @@ test('the Cyber cockpit keeps Data Layers on the left edge in every language', (
   assert.match(body, /right: auto;/);
 });
 
-test('the compact Radio window opens toward the screen in right-to-left', () => {
-  const layers = ruleBody(sheet('layers.css'), '.context-radio-mini');
-  assert.match(layers, /inset-inline-end: -38px;/);
-  assert.doesNotMatch(layers, /(?:^|\s)right:/);
-  const responsive = /\.context-radio-mini \{([^}]*)\}/.exec(
-    sheet('responsive.css'),
+test('the panel rails stay on the outer side of their stacks in right-to-left', () => {
+  const layers = sheet('layers.css');
+  // Each rail is placed against its stack's outer edge; a physical side
+  // would put it over the panels once the stacks swap sides.
+  const left = ruleBody(layers, '.gev-panel-rail--left');
+  assert.match(left, /inset-inline-end: calc\(100% \+ 6px\);/);
+  assert.doesNotMatch(left, /(?:^|\s)(?:left|right):/);
+  const right = ruleBody(layers, '.gev-panel-rail--right');
+  assert.match(right, /inset-inline-start: calc\(100% \+ 6px\);/);
+  assert.doesNotMatch(right, /(?:^|\s)(?:left|right):/);
+  // Their tips open toward the middle of the screen.
+  const kit = sheet('kit.css');
+  assert.match(
+    ruleBody(kit, '.ui-tooltip__tip--right'),
+    /inset-inline-start: calc\(100% \+ 10px\);/,
+  );
+  assert.match(
+    ruleBody(kit, '.ui-tooltip__tip--left'),
+    /inset-inline-end: calc\(100% \+ 10px\);/,
+  );
+  // Cyber's right stack keeps its rail clearance on the left edge.
+  assert.match(
+    sheet('rtl.css'),
+    /html\[dir='rtl'\]\[data-ui-theme='cyber'\] #right-context-rail \{\s*right: auto;\s*left: calc\(51px \+ var\(--panel-rail-clearance\)\);/,
   );
-  assert.ok(responsive);
-  assert.match(responsive[1], /inset-inline-end: -38px;/);
-  assert.doesNotMatch(responsive[1], /(?:^|\s)right:/);
 });
 
 test('phone top-bar actions mirror with the logo', () => {