Refactor code structure and remove redundant changes

src-old/components/moderation/QueueStats.tsx

@@ -0,0 +1,31 @@
+interface QueueStatsProps {
+  stats: {
+    pendingCount: number;
+    assignedToMe: number;
+    avgWaitHours: number;
+  };
+  isMobile?: boolean;
+}
+
+export const QueueStats = ({ stats, isMobile }: QueueStatsProps) => {
+  return (
+    <div className="grid grid-cols-2 sm:grid-cols-3 gap-4 flex-1">
+      <div className="text-center sm:text-left">
+        <div className="text-2xl font-bold text-primary">{stats.pendingCount}</div>
+        <div className="text-xs text-muted-foreground">Pending</div>
+      </div>
+      <div className="text-center sm:text-left">
+        <div className="text-2xl font-bold text-blue-600 dark:text-blue-400">{stats.assignedToMe}</div>
+        <div className="text-xs text-muted-foreground">Assigned to Me</div>
+      </div>
+      <div className="text-center sm:text-left">
+        <div className="text-2xl font-bold text-green-600 dark:text-green-400">
+          {stats.avgWaitHours.toFixed(1)}h
+        </div>
+        <div className="text-xs text-muted-foreground">Avg Wait</div>
+      </div>
+    </div>
+  );
+};
+
+QueueStats.displayName = 'QueueStats';