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/AllRunsPage.tsx

@@ -1,11 +1,13 @@
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
+import { Activity } from 'lucide-react';
 import { runs } from '../../api';
 import type { ScenarioRun, ScenarioRunStep, ScenarioRunStatus } from '../../api';
 import {
   AutoRefreshIndicator,
   Badge,
+  Breadcrumbs,
   Table,
   Timestamp,
   UuidBadge,
@@ -42,18 +44,21 @@ export function AllRunsPage() {
   const [error, setError] = useState<string | null>(null);
   const [pulseKey, setPulseKey] = useState(0);
   const pollRef = useRef<ReturnType<typeof setInterval> | null>(null);
+  const hasDataRef = useRef(false);
 
-  const load = () => {
-    setLoading(true);
+  const load = useCallback(() => {
+    if (!hasDataRef.current) setLoading(true);
     runs
       .listAll()
       .then((res) => {
         setItems(res.data as AllRunRow[]);
+        setError(null);
         setPulseKey((k) => k + 1);
+        hasDataRef.current = true;
       })
       .catch((err: Error) => setError(err.message))
       .finally(() => setLoading(false));
-  };
+  }, []);
 
   useEffect(() => {
     // eslint-disable-next-line react-hooks/set-state-in-effect
@@ -104,11 +109,10 @@ export function AllRunsPage() {
   return (
     <div>
       <div className={styles.pageToolbar}>
-        <h1 className={styles.pageTitle}>{t('runs.title')}</h1>
-        <AutoRefreshIndicator active pulseKey={pulseKey} />
+        <Breadcrumbs items={[{ label: t('runs.title'), icon: <Activity size={14} /> }]} />
+        <AutoRefreshIndicator active pulseKey={pulseKey} error={!!error} onClick={load} />
       </div>
 
-      {error && <p className={styles.error}>{error}</p>}
       <Table
         columns={columns}
         data={items}