feat: setup admin JSON generation and pdf viewer for free plan DPPs

src/app/dashboard/ai-coach/heatmap/page.tsx

@@ -0,0 +1,25 @@
+"use client"
+
+import { MistakeHeatmap } from "@/components/AI/MistakeHeatmap"
+import { ArrowLeft, Flame } from "lucide-react"
+import Link from "next/link"
+
+export default function HeatmapPage() {
+  return (
+    <div className="p-6 md:p-8 max-w-7xl mx-auto space-y-8 animate-in fade-in duration-500 min-h-screen">
+      <div className="border-b border-border/50 pb-6">
+        <h1 className="text-3xl md:text-5xl font-black tracking-tight flex items-center gap-3">
+          <Flame className="text-yellow-500" size={36} />
+          Mistake Heatmap Vault
+        </h1>
+        <p className="text-muted-foreground text-base md:text-lg mt-1 font-medium max-w-3xl">
+          Visual representation of your error density across subjects and topics.
+        </p>
+      </div>
+
+      <div className="max-w-4xl mx-auto">
+        <MistakeHeatmap />
+      </div>
+    </div>
+  )
+}