feat: Extract UI sub-components from ModerationQueue

src/components/moderation/AutoRefreshIndicator.tsx

@@ -0,0 +1,24 @@
+interface AutoRefreshIndicatorProps {
+  enabled: boolean;
+  intervalSeconds: number;
+  mode?: 'polling' | 'realtime';
+}
+
+export const AutoRefreshIndicator = ({ 
+  enabled, 
+  intervalSeconds,
+  mode = 'polling' 
+}: AutoRefreshIndicatorProps) => {
+  if (!enabled) return null;
+
+  return (
+    <div className="flex items-center gap-2 text-xs text-muted-foreground px-1">
+      <div className="flex items-center gap-1">
+        <div className="w-2 h-2 rounded-full bg-green-500 animate-pulse" />
+        <span>Auto-refresh active</span>
+      </div>
+      <span>•</span>
+      <span>Checking every {intervalSeconds}s</span>
+    </div>
+  );
+};