fix: lỗi hiển thị ở frontend

frontend/src/components/AddPhotoModal.tsx

@@ -3,6 +3,7 @@ import { X, Upload, Image as ImageIcon, Loader2 } from 'lucide-react';
 import { useNotification } from '@/hooks/useNotification';
 import { useTourStore } from '@/store/useTourStore';
 import { processImageModeration } from '@/hooks/useImageModeration';
+import { compressImage } from '../utils/image';
 
 interface AddPhotoModalProps {
   isOpen: boolean;
@@ -39,8 +40,11 @@ export const AddPhotoModal: React.FC<AddPhotoModalProps> = ({ isOpen, onClose, t
             continue;
           }
 
+          // Nén ảnh trước
+          const compressedFile = await compressImage(file);
+ 
           // 2. Chạy kiểm duyệt hình ảnh
-          const moderationResult = await processImageModeration(file);
+          const moderationResult = await processImageModeration(compressedFile);
           if (moderationResult.blocked) {
             notify({ title: 'Ảnh bị từ chối', message: `Ảnh ${file.name} chứa nội dung không phù hợp và bị chặn.`, type: 'error' });
             continue;