style(dashboard): Align visual hierarchy across cards

UnifiedActionQueueCard changes:
- Update container: shadow-xl, border-2, hover:shadow-2xl
- Add large hero icon (w-16 h-16 md:w-20 md:h-20) with AlertCircle
- Colored background based on queue urgency (red/blue)
- Upgrade title to text-2xl md:text-3xl font-bold
- Move total actions and SSE status to inline metric badges

ExecutionProgressTracker changes:
- Update container: shadow-xl, border-2, hover:shadow-2xl
- Add large hero icon (w-16 h-16 md:w-20 md:h-20) with TrendingUp
- Primary color background for hero icon
- Upgrade title to text-2xl md:text-3xl font-bold

Both cards now match the visual weight and hero pattern of
GlanceableHealthHero and IntelligentSystemSummaryCard for
consistent dashboard hierarchy and improved scannability.

Fixes: Issue #1 - Style alignment

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/dashboard/ExecutionProgressTracker.tsx

@@ -214,20 +214,28 @@ export function ExecutionProgressTracker({
 
   return (
     <div
-      className="rounded-xl shadow-lg p-6 border"
+      className="rounded-xl shadow-xl p-6 border-2 transition-all duration-300 hover:shadow-2xl"
       style={{
         backgroundColor: 'var(--bg-primary)',
         borderColor: 'var(--border-primary)',
       }}
     >
-      {/* Header */}
-      <div className="flex items-center gap-3 mb-6">
-        <TrendingUp className="w-6 h-6" style={{ color: 'var(--color-primary)' }} />
-        <div>
-          <h2 className="text-2xl font-bold" style={{ color: 'var(--text-primary)' }}>
+      {/* Header with Hero Icon */}
+      <div className="flex items-center gap-4 mb-6">
+        {/* Hero Icon */}
+        <div
+          className="flex-shrink-0 w-16 h-16 md:w-20 md:h-20 rounded-full flex items-center justify-center shadow-md"
+          style={{ backgroundColor: 'var(--color-primary-100)' }}
+        >
+          <TrendingUp className="w-8 h-8 md:w-10 md:h-10" strokeWidth={2.5} style={{ color: 'var(--color-primary-600)' }} />
+        </div>
+
+        {/* Title */}
+        <div className="flex-1 min-w-0">
+          <h2 className="text-2xl md:text-3xl font-bold mb-2" style={{ color: 'var(--text-primary)' }}>
             {t('dashboard:execution_progress.title')}
           </h2>
-          <p className="text-sm mt-1" style={{ color: 'var(--text-secondary)' }}>
+          <p className="text-sm" style={{ color: 'var(--text-secondary)' }}>
             {t('dashboard:execution_progress.subtitle')}
           </p>
         </div>