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

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>