Use shared form controls and enforce UI patterns (Refs #110)

src/lib/ui/components/CapacitySamples.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+    import Select from '$ui/components/primitives/Select.svelte';
+    import Field from '$ui/components/primitives/Field.svelte';
     import RelativeTime from '$ui/components/RelativeTime.svelte';
     import type { CapacitySamplePage } from '$lib/hosts.js';
     import Button from './primitives/Button.svelte';
@@ -59,18 +61,18 @@
             measurements from other hosts used by fleet allowances.
         </p>
         <div class="controls">
-            <label
-                >Source<select bind:value={scope} onchange={() => (page = 1)}
+            <Field label="Source">
+                <Select bind:value={scope} onchange={() => (page = 1)}
                     ><option value="host">This host</option><option value="fleet"
                         >Entire fleet</option
-                    ></select
-                ></label
+                    ></Select
+                ></Field
             >
-            <label
-                >Phase<select bind:value={phase} onchange={() => (page = 1)}
+            <Field label="Phase">
+                <Select bind:value={phase} onchange={() => (page = 1)}
                     ><option value="all">All phases</option><option value="startup">Starting</option
-                    ><option value="running">Running</option></select
-                ></label
+                    ><option value="running">Running</option></Select
+                ></Field
             >
             <Button
                 size="sm"
@@ -182,18 +184,7 @@
     nav {
         align-items: center;
     }
-    label {
-        display: grid;
-        gap: 6px;
-        font-size: var(--text-sm);
-    }
-    select {
-        padding: 8px;
-        color: var(--text-primary);
-        background: var(--surface-sunken);
-        border: 1px solid var(--border-control);
-        border-radius: var(--radius-sm);
-    }
+
     .table-wrap {
         max-width: 100%;
         overflow: auto;