Implement tasks 25, 26 + completion visibility setting

Task 25: Multiple dashboards — dashboards table + migration, /d/[slug]
route, root redirect, dashboard tabs in nav with create/rename/delete/
set-default. Task 26: Editable dashboard — react-grid-layout drag/resize
editor, widget picker modal with per-widget configurator auto-generated
from default config, save/reset server actions with Zod validation.

Completion visibility: server-side per-user setting (hours) replaces
localStorage timer; queries filter completed items by updatedAt cutoff;
Settings page dropdown persists preference via server action.

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

src/app/page.tsx

@@ -1,83 +1,7 @@
-import { Suspense } from "react";
-import { eq } from "drizzle-orm";
-import { db } from "@/lib/db";
-import { computeDefaultLayout, parseDashboardLayout } from "@/lib/dashboard";
-import { getCurrentSession } from "@/lib/session";
-import { getWidget } from "@/modules/_core";
-import { users } from "@/modules/_core/schema";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { QuickAddFab } from "@/components/quick-add-fab";
+import { redirect } from "next/navigation";
+import { getDefaultDashboardSlug } from "@/app/d/actions";
 
-// Static lookup ensures Tailwind sees all sm:col-span-* classes at build time.
-const smColSpan: Record<number, string> = {
-  1: "sm:col-span-1",
-  2: "sm:col-span-2",
-  3: "sm:col-span-3",
-  4: "sm:col-span-4",
-  5: "sm:col-span-5",
-  6: "sm:col-span-6",
-  7: "sm:col-span-7",
-  8: "sm:col-span-8",
-  9: "sm:col-span-9",
-  10: "sm:col-span-10",
-  11: "sm:col-span-11",
-  12: "sm:col-span-12",
-};
-
-export default async function DashboardPage() {
-  const { user, household } = await getCurrentSession();
-
-  const [row] = await db
-    .select({ layout: users.defaultDashboardLayout })
-    .from(users)
-    .where(eq(users.id, user.id))
-    .limit(1);
-
-  const layout = parseDashboardLayout(row?.layout) ?? computeDefaultLayout();
-
-  const ctx = { userId: user.id, householdId: household.id };
-
-  // Sort by y then x so document order matches visual order on mobile (single col).
-  const placements = [...layout.widgets].sort((a, b) => a.y - b.y || a.x - b.x);
-
-  return (
-    <div className="p-4 sm:p-6">
-      <div className="mb-6 flex items-center justify-between">
-        <h1 className="text-2xl font-bold">Dashboard</h1>
-        <QuickAddFab />
-      </div>
-
-      <div className="grid grid-cols-1 gap-4 sm:grid-cols-12">
-        {placements.map((placement, i) => {
-          const widget = getWidget(placement.widgetId);
-          if (!widget) return null;
-
-          const colClass = smColSpan[placement.w] ?? "sm:col-span-12";
-
-          return (
-            <div key={i} className={`col-span-1 ${colClass}`}>
-              <Card className="h-full">
-                <CardHeader className="pb-2">
-                  <CardTitle className="text-base">{widget.title}</CardTitle>
-                </CardHeader>
-                <CardContent>
-                  <Suspense
-                    fallback={
-                      <div className="animate-pulse space-y-2">
-                        <div className="h-3 w-3/4 rounded bg-muted" />
-                        <div className="h-3 w-1/2 rounded bg-muted" />
-                        <div className="h-3 w-2/3 rounded bg-muted" />
-                      </div>
-                    }
-                  >
-                    {widget.render({ config: placement.config, ctx })}
-                  </Suspense>
-                </CardContent>
-              </Card>
-            </div>
-          );
-        })}
-      </div>
-    </div>
-  );
+export default async function RootPage() {
+  const slug = await getDefaultDashboardSlug();
+  redirect(`/d/${slug}`);
 }