UI/UX Polishing: CBT dashboard, sidebar tiers, landing pricing, and exam disclaimer

src/components/AI/AdaptiveStudyPlan.tsx

@@ -2,6 +2,7 @@
 
 import { useState } from "react"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
 import { Button } from "@/components/ui/button"
 import { CheckCircle2, Clock, SkipForward, BrainCircuit } from "lucide-react"
 
@@ -41,6 +42,7 @@ export function AdaptiveStudyPlan() {
         <div className="flex items-center justify-between">
           <CardTitle className="text-xl flex items-center gap-2">
             <BrainCircuit className="text-primary" /> Adaptive Study Plan
+            <Badge variant="outline" className="border-[#00F0FF]/30 text-[#00F0FF] bg-[#00F0FF]/5 rounded-md text-[10px] uppercase font-bold ml-2 hidden sm:flex">AI Coach</Badge>
           </CardTitle>
           <div className="flex items-center gap-2 bg-secondary/50 px-3 py-1 rounded-full text-xs font-bold text-foreground">
             <Clock size={14} className="text-primary" /> Today: {totalTime} min

src/components/AI/MistakeHeatmap.tsx

@@ -1,4 +1,5 @@
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Badge } from "@/components/ui/badge"
 import { Flame, Info } from "lucide-react"
 
 const HEATMAP_DATA = [
@@ -23,6 +24,7 @@ export function MistakeHeatmap() {
         <div className="flex items-center justify-between">
           <CardTitle className="text-xl flex items-center gap-2">
             <Flame className="text-orange-500" /> Mistake Heatmap
+            <Badge variant="outline" className="border-[#00F0FF]/30 text-[#00F0FF] bg-[#00F0FF]/5 rounded-md text-[10px] uppercase font-bold ml-2 hidden sm:flex">AI Coach</Badge>
           </CardTitle>
           <Info size={16} className="text-muted-foreground" />
         </div>