feat(ui): add breadcrumb icons, fix alignment, and remove duplicate form headers

- add section icons to all breadcrumbs across every page
- fix breadcrumb nav display:flex so icons align vertically with buttons
- wrap all page breadcrumbs in pageToolbar div for consistent layout
- add Breadcrumbs to AllRunsPage which previously used a plain h1
- fix envCardHeader flex:1 so settings button hugs the right edge
- remove card header from environment create/edit forms (duplicated breadcrumb)

client/src/pages/run/RunDetailPage.tsx

@@ -27,6 +27,7 @@ import {
   type TableColumn,
 } from '../../ui';
 import type { BadgeVariant } from '../../ui';
+import { ClipboardList, Activity } from 'lucide-react';
 import styles from '../Page.module.css';
 
 const RUN_STATUS_VARIANT: Record<ScenarioRunStatus, BadgeVariant> = {
@@ -86,6 +87,18 @@ export function RunDetailPage() {
     }
   };
 
+  const manualRefresh = () => {
+    if (!id || !runId) return;
+    runs
+      .get(id, runId, logSearchRef.current)
+      .then((r) => {
+        setRun(r);
+        setError(null);
+        setPulseKey((k) => k + 1);
+      })
+      .catch((err: Error) => setError(err.message));
+  };
+
   useEffect(() => {
     const t = setTimeout(() => {
       setDebouncedSearch(logSearch);
@@ -184,19 +197,20 @@ export function RunDetailPage() {
       <div className={styles.pageToolbar}>
         <Breadcrumbs
           items={[
-            { label: t('scenarios.title'), onClick: () => navigate('/scenarios') },
+            { label: t('scenarios.title'), icon: <ClipboardList size={14} />, onClick: () => navigate('/scenarios') },
             {
               label: scenario?.name ?? `#${id}`,
               onClick: () => navigate(`/scenarios/${id}`),
             },
             {
               label: t('runs.title'),
+              icon: <Activity size={14} />,
               onClick: () => navigate(`/scenarios/${id}/runs`),
             },
             { label: `#${runId}` },
           ]}
         />
-        <AutoRefreshIndicator active={polling} pulseKey={pulseKey} />
+        <AutoRefreshIndicator active={polling} pulseKey={pulseKey} error={!!error} onClick={manualRefresh} />
       </div>
 
       {error && (
@@ -210,7 +224,7 @@ export function RunDetailPage() {
         <>
           <Card>
             <DescriptionList
-              layout="comfortable"
+              layout="grid"
               items={[
                 { term: t('runs.field_id'), detail: <UuidBadge id={run.id} /> },
                 {
@@ -221,7 +235,6 @@ export function RunDetailPage() {
                     </Badge>
                   ),
                 },
-                { term: t('runs.field_steps'), detail: run.stepRuns.length },
                 { term: t('runs.field_created'), detail: <Timestamp value={run.createdAt} /> },
                 { term: t('runs.field_updated'), detail: <Timestamp value={run.updatedAt} /> },
               ]}