refactor(dialogs): add unified dialog header chrome and opt-in markup

Introduce a shared dialog header style (.unified-dialog-header) in app.css and opt dialog components into the new chrome by updating their header markup. Headers now use unified-dialog-icon and unified-dialog-text elements (and import the matching Lucide icons where needed), which standardizes icon placement, title/eyebrow layout, close button styling and responsive behavior. The Command Palette layout was adjusted to include the new header and its grid rows.

The CSS is explicitly opt-in (so page/section headers remain unchanged) and includes hover/focus styles and a theme-sensitive close color variable. This commit is a UI refactor only — no API or behavior logic changes.

src/lib/components/AiReviewDialog.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { AlertTriangle, CircleAlert, FileCode, Info, LoaderCircle, RotateCw, ShieldCheck, X } from "@lucide/svelte";
+  import {Bot,  AlertTriangle, CircleAlert, FileCode, Info, LoaderCircle, RotateCw, ShieldCheck, X } from "@lucide/svelte";
   import type { AiReviewFinding, AiReviewResult, CommitAiProvider } from "../types";
 
   interface Props {
@@ -28,8 +28,9 @@
 
 <div class="dialog-backdrop" role="presentation">
   <div class="dialog ai-review-dialog" role="dialog" aria-modal="true" aria-label="AI pre-commit review" tabindex="-1">
-    <header class="dialog-header ai-review-header">
-      <div>
+    <header class="dialog-header ai-review-header unified-dialog-header">
+      <span class="unified-dialog-icon" aria-hidden="true"><Bot size={18} /></span>
+      <div class="unified-dialog-text">
         <span class="eyebrow">Staged changes</span>
         <h2>AI pre-commit review</h2>
       </div>