feat: Client Portal redesign to Quiet Luxury + milestone stepper

- New MilestoneStepper primitive (horizontal per-phase progress)
- Token-migrate portal shell, phase cards, sidebar cards, kanban to dual-theme
- Soft-tint status pills (emerald/amber/muted) replacing solid badges
- embedded prop on ClientDashboard fixes double-header in multi-project tabs

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

src/components/client/kanban/PhaseViewToggle.tsx

@@ -18,20 +18,20 @@ export function PhaseViewToggle({
   return (
     <div>
       <div className="flex items-center justify-between mb-6">
-        <h2 className="text-xl font-bold text-[#1a1a1a]">Fasi del Progetto</h2>
-        <div className="flex items-center gap-1 bg-[#f4f4f5] rounded-lg p-1">
+        <h2 className="text-lg font-bold text-foreground tracking-tight">Fasi del Progetto</h2>
+        <div className="flex items-center gap-1 bg-muted rounded-lg p-1">
           <button
             onClick={() => setView("timeline")}
-            className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${
-              view === "timeline" ? "bg-white text-[#1A463C] shadow-sm" : "text-[#71717a] hover:text-[#1a1a1a]"
+            className={`px-5 py-1.5 rounded-md text-[11px] font-semibold transition-all ${
+              view === "timeline" ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
             }`}
           >
             Timeline
           </button>
           <button
             onClick={() => setView("kanban")}
-            className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-all ${
-              view === "kanban" ? "bg-white text-[#1A463C] shadow-sm" : "text-[#71717a] hover:text-[#1a1a1a]"
+            className={`px-5 py-1.5 rounded-md text-[11px] font-semibold transition-all ${
+              view === "kanban" ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
             }`}
           >
             Kanban