Refactor: Optimize validation in moderation

src/components/moderation/QueueItem.tsx

@@ -1,4 +1,4 @@
-import { memo, useState } from 'react';
+import { memo, useState, useCallback } from 'react';
 import { CheckCircle, XCircle, Eye, Calendar, MessageSquare, FileText, Image, ListTree, RefreshCw, AlertCircle, Lock, Trash2, AlertTriangle } from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
@@ -99,6 +99,10 @@ export const QueueItem = memo(({
 }: QueueItemProps) => {
   const [validationResult, setValidationResult] = useState<ValidationResult | null>(null);
   
+  const handleValidationChange = useCallback((result: ValidationResult) => {
+    setValidationResult(result);
+  }, []);
+  
   return (
     <Card 
       key={item.id} 
@@ -166,7 +170,7 @@ export const QueueItem = memo(({
                   id: item.id,
                 }}
                 compact={true}
-                onValidationChange={setValidationResult}
+                onValidationChange={handleValidationChange}
               />
             )}
           </div>