feat: build dashboard design system

src/lib/ui/components/TelemetryGrid.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import type { UiTelemetryCard } from "../types";
+  import TelemetryCard from "./TelemetryCard.svelte";
+
+  let { cards }: { cards: UiTelemetryCard[] } = $props();
+</script>
+
+<section class="telemetry-grid" aria-label="Telemetry">
+  {#each cards as card (card.id)}
+    <TelemetryCard {card} />
+  {/each}
+</section>
+
+<style>
+  .telemetry-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(var(--ui-density-card-min), 1fr));
+    gap: 1px;
+    border: var(--ui-border);
+    background: var(--ui-color-line);
+  }
+</style>