feat: consumer home app layout overhaul + residence kanban board

Layout & Navigation:
- Tighten max-width to 6xl, adjust padding, add warm gradient overlay
- Add icons to desktop nav links, responsive header height, stronger blur
- Active pill highlight on mobile nav icons
- Fix middleware blocking static assets (logo.png) behind auth

Dashboard restructure:
- Merge quick actions into hero area as inline pills
- Rename "Coming Up" to "Needs Attention", exclude completed tasks
- Promote task cards to #2 with richer card design (2-col grid, colored date badges)
- Drop "Your Homes" to #3 with accent bars and larger icons

Card redesigns:
- Residence cards: accent bar, home icon, warm hover shadow
- Contractor cards: letter avatar, text contact links, separator
- Document cards: type-colored accent bar, restructured footer
- Task cards: warm hover shadow
- Empty states: larger icon container, gradient bg, rounded CTA

Residence detail page:
- Add full kanban board with drag-and-drop for task management
- Add "Add Task" button pre-filling residence on task form
- Replace broken Users stat with Overdue/Completed stats
- Compute task summary from kanban columns (always accurate)

Data accuracy fixes:
- Fix getMyResidences() to fetch kanban data in parallel and compute
  real per-residence task counts instead of hardcoding zeros
- Task form accepts defaultResidenceId prop for pre-filling
- New task page reads residence_id from URL, redirects back after create

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

src/components/shared/empty-state.tsx

@@ -11,14 +11,14 @@ interface EmptyStateProps {
 
 export function EmptyState({ icon: Icon, title, description, actionLabel, onAction }: EmptyStateProps) {
   return (
-    <div className="flex flex-col items-center justify-center py-20 text-center">
-      <div className="size-16 rounded-2xl bg-[#FFF3EB] flex items-center justify-center mb-5">
-        <Icon className="size-7 text-[#E07A3A]" />
+    <div className="flex flex-col items-center justify-center py-24 text-center">
+      <div className="size-20 rounded-3xl bg-gradient-to-br from-primary/10 to-brand-clay/5 flex items-center justify-center mb-5">
+        <Icon className="size-9 text-primary" />
       </div>
       <h3 className="font-heading text-lg font-bold">{title}</h3>
       <p className="text-sm text-muted-foreground mt-2 max-w-sm leading-relaxed">{description}</p>
       {actionLabel && onAction && (
-        <Button onClick={onAction} className="mt-6 rounded-xl shadow-sm shadow-primary/20">
+        <Button onClick={onAction} className="mt-6 h-12 px-8 text-base rounded-full shadow-[var(--shadow-warm-sm)]">
           <Plus className="size-4 mr-2" />{actionLabel}
         </Button>
       )}