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/credential/CredentialDetailPage.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { Upload, Pencil, Trash2 } from 'lucide-react';
+import { Upload, Pencil, Trash2, KeyRound } from 'lucide-react';
 import { CodeBlock } from '../../ui';
 import { stringify as yamlStringify } from 'yaml';
 import { credentials } from '../../api';
@@ -57,7 +57,7 @@ export function CredentialDetailPage() {
       <div className={styles.pageToolbar}>
         <Breadcrumbs
           items={[
-            { label: t('credentials.title'), onClick: () => navigate('/credentials') },
+            { label: t('credentials.title'), icon: <KeyRound size={14} />, onClick: () => navigate('/credentials') },
             { label: credential?.name ?? `#${id}` },
           ]}
         />
@@ -96,9 +96,9 @@ export function CredentialDetailPage() {
 
       {credential && (
         <>
-          <div className={styles.detailMeta}>
+          <Card>
             <DescriptionList
-              layout="comfortable"
+              layout="grid"
               items={[
                 { term: t('credentials.field_id'), detail: <UuidBadge id={credential.id} /> },
                 {
@@ -115,10 +115,10 @@ export function CredentialDetailPage() {
                 },
               ]}
             />
-          </div>
+          </Card>
 
           {credential.data && (
-            <>
+            <div className={styles.stepsSection}>
               <h2 className={styles.sectionHeading}>{t('credentials.section_data')}</h2>
               <Card>
                 <CodeBlock
@@ -132,7 +132,7 @@ export function CredentialDetailPage() {
                   })()}
                 />
               </Card>
-            </>
+            </div>
           )}
         </>
       )}