style: fix badge alignment and stats card responsivenes

app/(backend)/page.tsx

@@ -175,7 +175,7 @@ const Dashboard: React.FC = () => {
           </p>
         </div>
         <div className="flex space-x-3">
-          <span className="bg-primary/10 text-primary rounded-full px-3 py-1 text-sm font-medium">
+          <span className="bg-primary/10 text-primary whitespace-nowrap rounded-full px-3 py-1 text-sm font-medium">
             v2.4.0 Live
           </span>
         </div>

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"
             }`}
           >