Phase 4: Vite-React-Geruest und Workspace-Anbindung

npm-Workspace im Repo-Root verbindet companion-app mit @audi-dash/ui, so
dass die App die Komponentenbibliothek als echte Abhaengigkeit nutzt statt
nur in der Doku. Dazu Vite, React 18, Einstiegsdateien und eine schlanke
Grundlage-CSS, die nur enthaelt was eine App braucht und eine Bibliothek
nicht mitbringt: Vollbild, sichere Bereiche, Scrollverhalten.

Zwei Audit-Befunde des alten Panels sind hier von Anfang an beruecksichtigt:
Formularfelder mit 16px (sonst zoomt iOS Safari beim Fokus) und ein
globaler :focus-visible-Ring.

Nebenbei im design-system den Kontrastwert --fg3 nachgezogen: dort stand
noch #657081 mit 3,0:1 auf --tile, das Panel hatte den Wert laengst auf
#8a94a3 korrigiert. Ohne das haette die neue App den bereits behobenen
WCAG-Verstoss geerbt.

companion-app/src/App.tsx

@@ -0,0 +1,19 @@
+import { Tile } from "@audi-dash/ui"
+
+/**
+ * Vorläufiger Einstieg — wird in Phase 5 durch die App-Shell ersetzt.
+ * Das äußerste Element trägt immer `ads-root` und `data-theme`, sonst greifen
+ * die Design-Tokens nicht (siehe design-system/.design-sync/conventions.md).
+ */
+export function App() {
+  return (
+    <div className="ads-root dm-wurzel" data-theme="nacht">
+      <div className="dm-scroll" style={{ flex: 1, padding: 22 }}>
+        <span className="ads-eyebrow">DataMetric360</span>
+        <Tile>
+          <div style={{ fontWeight: 300, fontSize: 20 }}>Gerüst steht</div>
+        </Tile>
+      </div>
+    </div>
+  )
+}