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

src/app/dashboard/ai-coach/time-optimization/page.tsx

@@ -0,0 +1,25 @@
+"use client"
+
+import { StudyTimeOptimizationCard } from "@/components/AI/StudyTimeOptimizationCard"
+import { ArrowLeft, Clock } from "lucide-react"
+import Link from "next/link"
+
+export default function TimeOptimizationPage() {
+  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">
+          <Clock className="text-[#00F0FF]" size={36} />
+          Study Time Optimization
+        </h1>
+        <p className="text-muted-foreground text-base md:text-lg mt-1 font-medium max-w-3xl">
+          Detailed metrics on your productive hours and stamina blocks.
+        </p>
+      </div>
+
+      <div className="max-w-4xl mx-auto">
+        <StudyTimeOptimizationCard />
+      </div>
+    </div>
+  )
+}