feat: complete pragativeer v2 frontend and backend, docker setup, and cbt engine

src/components/StreakCounter.tsx

@@ -0,0 +1,16 @@
+"use client"
+
+import { Flame } from "lucide-react"
+
+interface StreakCounterProps {
+  streak: number
+}
+
+export function StreakCounter({ streak }: StreakCounterProps) {
+  return (
+    <div className="flex items-center gap-1.5 px-3 py-1.5 rounded-xl bg-orange-500/10 border border-orange-500/20 text-orange-500 font-bold shadow-[0_0_10px_-2px_rgba(249,115,22,0.5)] cursor-default transition-transform hover:scale-105">
+      <Flame size={18} className="animate-pulse" />
+      <span>{streak}</span>
+    </div>
+  )
+}