feat: redesign app UI — top nav, clean dashboard, warm branding

- Replace sidebar with top navigation bar (like Airbnb/Nextdoor)
- Redesign dashboard: home cards, coming up tasks, quick action pills
- Remove widget-heavy layout (charts, stats, activity feed)
- Add landing page with hero, features, how-it-works, CTA sections
- Update auth pages with split layout
- Clean white theme with neutral grays, brand orange/teal accents
- Friendly copy across all empty states and page headers
- Add Bricolage Grotesque + Outfit fonts
- Default to light mode

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

src/components/tasks/task-card.tsx

@@ -18,23 +18,23 @@ export function TaskCard({ task, isDragging }: TaskCardProps) {
     <Link href={`${basePath}/tasks/${task.id}`}>
       <div
         className={cn(
-          "rounded-lg border bg-card p-3 space-y-2 transition-shadow hover:shadow-md cursor-grab",
-          isDragging && "shadow-lg ring-2 ring-primary"
+          "rounded-xl border bg-card p-3.5 space-y-2 transition-all duration-200 hover:shadow-md hover:shadow-black/[0.04] cursor-grab",
+          isDragging && "shadow-lg ring-2 ring-primary rotate-[1deg] scale-[1.02]"
         )}
       >
-        <div className="font-medium text-sm leading-tight line-clamp-2">
+        <div className="font-medium text-sm leading-snug line-clamp-2">
           {task.title}
         </div>
 
         {task.residence_name && (
-          <p className="text-xs text-muted-foreground truncate">
+          <p className="text-xs text-muted-foreground/70 truncate">
             {task.residence_name}
           </p>
         )}
 
         <div className="flex flex-wrap gap-1.5">
           {task.priority && (
-            <Badge variant="outline" className="text-xs px-1.5 py-0">
+            <Badge variant="outline" className="text-xs px-1.5 py-0 rounded-md">
               {task.priority.icon && (
                 <span className="mr-0.5">{task.priority.icon}</span>
               )}
@@ -42,7 +42,7 @@ export function TaskCard({ task, isDragging }: TaskCardProps) {
             </Badge>
           )}
           {task.category && (
-            <Badge variant="secondary" className="text-xs px-1.5 py-0">
+            <Badge variant="secondary" className="text-xs px-1.5 py-0 rounded-md">
               {task.category.icon && (
                 <span className="mr-0.5">{task.category.icon}</span>
               )}
@@ -51,7 +51,7 @@ export function TaskCard({ task, isDragging }: TaskCardProps) {
           )}
         </div>
 
-        <div className="flex items-center gap-3 text-xs text-muted-foreground">
+        <div className="flex items-center gap-3 text-xs text-muted-foreground/70">
           {task.due_date && (
             <span className="flex items-center gap-1">
               <Calendar className="size-3" aria-hidden="true" />