style: fix badge alignment and stats card responsivenes

components/StatCard/index.tsx

@@ -18,11 +18,11 @@ const StatCard: React.FC<StatCardProps> = ({ label, value, icon: Icon, trend, ch
           <Icon className="w-4 h-4 text-foreground" />
         </div>
       </div>
-      <div className="flex items-baseline space-x-2">
+      <div className="flex items-baseline flex-wrap space-x-2">
         <h2 className="text-3xl font-bold text-foreground">{value}</h2>
         {change && (
           <span
-            className={`flex items-center text-xs font-medium ${
+            className={`flex items-center text-xs font-medium whitespace-nowrap ${
               trend === "up" ? "text-green-600" : trend === "down" ? "text-red-500" : "text-muted-foreground"
             }`}
           >