feat: bold dashboard redesign with inline stats, section labels, and chip icons

Restructure QuickStartPage for a more professional, informative layout:
- Left-aligned hero greeting (text-4xl) with date context and inline stat strip
- GreetingStatStrip shows resolved/active/MTTR at a glance
- Remove collapsible toggle — dashboard stats always visible
- Section labels with trailing border lines for visual hierarchy
- Suggestion chips with category icons, card-style hover, press feedback
- Fix cyan focus ring and icon color to ember orange design system
- Session cards: line-clamp-2 descriptions, font-medium text, problem_domain metadata
- Widen container max-w-3xl → max-w-4xl for breathing room
- Add .impeccable.md and .github/copilot-instructions.md design context
- CLAUDE.md audit: fix stale references, remove duplication, update counts

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/components/dashboard/StartSessionInput.tsx

@@ -1,18 +1,19 @@
 import { useState, useRef, useEffect, useCallback } from 'react'
 import { useNavigate } from 'react-router-dom'
-import { Send, Paperclip, Terminal, Loader2, X, RotateCcw, ImagePlus } from 'lucide-react'
+import { Send, Paperclip, Terminal, Loader2, X, RotateCcw, ImagePlus, Globe, Mail, Lock, Printer, Shield } from 'lucide-react'
+import type { LucideIcon } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { uploadsApi } from '@/api/uploads'
 import { toast } from '@/lib/toast'
 import type { PendingUpload } from '@/types/upload'
 
-const SUGGESTIONS = [
-  'VPN not connecting',
-  'Outlook not syncing',
-  'User locked out',
-  'Slow internet',
-  'Printer issues',
-  'MFA problems',
+const SUGGESTIONS: { icon: LucideIcon; label: string }[] = [
+  { icon: Globe, label: 'VPN not connecting' },
+  { icon: Mail, label: 'Outlook not syncing' },
+  { icon: Lock, label: 'User locked out' },
+  { icon: Globe, label: 'Slow internet' },
+  { icon: Printer, label: 'Printer issues' },
+  { icon: Shield, label: 'MFA problems' },
 ]
 
 const ACCEPTED_FILE_TYPES = 'image/png,image/jpeg,image/gif,image/webp,.txt,.log,.csv,.pdf,.docx'
@@ -199,7 +200,7 @@ export function StartSessionInput() {
       <div className={cn(
         'relative rounded-2xl border bg-card transition-all',
         isDragOver ? 'border-primary/50 bg-primary/5' : 'border-border',
-        'focus-within:border-[rgba(6,182,212,0.3)] focus-within:ring-1 focus-within:ring-primary/20'
+        'focus-within:border-[rgba(249,115,22,0.25)] focus-within:ring-1 focus-within:ring-[rgba(249,115,22,0.1)]'
       )}>
         {/* Drag overlay */}
         {isDragOver && (
@@ -337,15 +338,16 @@ export function StartSessionInput() {
       </div>
 
       {/* Suggestion chips */}
-      <div className="flex flex-wrap gap-2 mt-3">
-        {SUGGESTIONS.map((s) => (
+      <div className="flex flex-wrap gap-2 mt-4">
+        {SUGGESTIONS.map(({ icon: Icon, label }) => (
           <button
-            key={s}
+            key={label}
             type="button"
-            onClick={() => handleSuggestionClick(s)}
-            className="rounded-full border border-border px-3 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:border-primary/30 hover:bg-primary/5 transition-colors"
+            onClick={() => handleSuggestionClick(label)}
+            className="group flex items-center gap-1.5 rounded-md border border-border bg-card px-3 py-1.5 text-xs text-muted-foreground transition-all hover:border-[var(--color-border-hover)] hover:bg-[var(--color-bg-elevated)] hover:text-foreground active:scale-[0.97]"
           >
-            {s}
+            <Icon size={11} className="text-muted shrink-0 group-hover:text-[#f97316] transition-colors" />
+            {label}
           </button>
         ))}
       </div>