feat: apply various dashboard and auth fixes including demo trials, settings UI, and signup options

src/app/dashboard/progress/page.tsx

@@ -4,6 +4,7 @@ import { useState, useEffect } from "react"
 import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card"
 import { ChevronDown, ChevronRight, CheckCircle2, Circle, Clock, Activity, BarChart3 } from "lucide-react"
 import { useActiveUser, isDemoUser } from "@/hooks/useActiveUser"
+import { PremiumGate } from "@/components/PremiumGate"
 
 type ChapterStatus = 'Mastered' | 'Practiced' | 'In Progress' | 'Not Started'
 
@@ -215,9 +216,10 @@ export default function ProgressTrackerPage() {
   }
 
   return (
-    <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
-      <div className="flex flex-col md:flex-row md:items-end justify-between gap-4">
-        <div>
+    <PremiumGate featureKey="chapter-wise-progress-tracking">
+      <div className="p-8 space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500 max-w-7xl mx-auto">
+        <div className="flex flex-col md:flex-row md:items-end justify-between gap-4">
+          <div>
           <h1 className="text-3xl md:text-4xl font-black tracking-tight flex items-center gap-3 mb-1">
             <span className="p-2.5 rounded-xl bg-yellow-50 dark:bg-[var(--cyan-ai-10)] border border-yellow-300/60 dark:border-[var(--cyan-ai-20)]">
               <BarChart3 className="text-yellow-600 dark:text-[var(--cyan-ai)]" size={28} />
@@ -305,5 +307,6 @@ export default function ProgressTrackerPage() {
         ))}
       </div>
     </div>
+    </PremiumGate>
   )
 }