21: habit analytics - recharts line/bar chart for 30-day completions and top streaks

apps/web/app/(dashboard)/habits/page.tsx

@@ -7,6 +7,7 @@ import { Badge } from "@/components/ui/badge";
 import { HabitCreateDialog } from "@/components/habits/habit-create-dialog";
 import { HabitCompletionDialog } from "@/components/habits/habit-completion-dialog";
 import { HabitCalendarHeatmap } from "@/components/habits/habit-calendar-heatmap";
+import { HabitAnalytics } from "@/components/habits/habit-analytics";
 import { toast } from "sonner";
 
 interface Habit {
@@ -214,6 +215,11 @@ export default function HabitsPage() {
         </div>
       )}
 
+      {/* Analytics */}
+      <div className="mt-4">
+        <HabitAnalytics domainId={domainId || ""} habits={habits} />
+      </div>
+
       <HabitCreateDialog
         open={createOpen}
         onOpenChange={setCreateOpen}