refactor: 🛠️ Enhance QuickStat component layout and responsiveness

Author: yashksaini-coder

app/dashboard/page.tsx

@@ -356,14 +356,20 @@ function QuickStat({ icon, label, value, color = "blue" }: { icon: React.ReactNo
   };
 
   return (
-    <div className={`${colorVariants[color]} rounded-lg p-4 transition-all duration-300 hover:scale-105`}>
-      <div className="flex items-center gap-3">
-        <div className="p-2 bg-white dark:bg-gray-800 rounded-full shadow-sm">
-          {icon}
+    <div className={`${colorVariants[color]} rounded-lg p-2 sm:p-3 md:p-4 transition-all duration-300 hover:scale-105 w-full`}>
+      <div className="flex items-center gap-2 sm:gap-3">
+        <div className="p-1.5 sm:p-2 bg-white dark:bg-gray-800 rounded-full shadow-sm">
+          <div className="w-4 h-4 sm:w-5 sm:h-5 md:w-6 md:h-6">
+            {icon}
+          </div>
         </div>
-        <div>
-          <div className="text-2xl font-bold">{value.toLocaleString()}</div>
-          <div className="text-sm text-gray-600 dark:text-gray-400">{label}</div>
+        <div className="min-w-0 flex-1">
+          <div className="text-base sm:text-xl md:text-2xl font-bold truncate">
+            {value.toLocaleString()}
+          </div>
+          <div className="text-xs sm:text-sm text-gray-600 dark:text-gray-400 truncate">
+            {label}
+          </div>
         </div>
       </div>
     </div>