Fix: Prevent approval with blocking errors

src/components/moderation/ItemReviewCard.tsx

@@ -74,8 +74,10 @@ export function ItemReviewCard({ item, onEdit, onStatusChange, submissionId }: I
     );
   };
 
+  const hasBlockingErrors = validationResult && validationResult.blockingErrors.length > 0;
+
   return (
-    <Card className="w-full">
+    <Card className={`w-full ${hasBlockingErrors ? 'border-destructive border-2' : ''}`}>
       <CardHeader className={isMobile ? "pb-3 p-4" : "pb-3"}>
         <div className={`flex gap-2 ${isMobile ? 'flex-col' : 'items-start justify-between'}`}>
           <div className="flex items-center gap-2 flex-wrap">
@@ -89,6 +91,11 @@ export function ItemReviewCard({ item, onEdit, onStatusChange, submissionId }: I
                 Moderator Edited
               </Badge>
             )}
+            {hasBlockingErrors && (
+              <Badge variant="destructive" className="text-xs">
+                Blocked
+              </Badge>
+            )}
           </div>
           <div className="flex items-center gap-2">
             <Badge variant={getStatusColor()} className={isMobile ? "text-xs" : ""}>