s3 image file validation

frontend/src/components/ImageUpload.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IMAGE_LIMITS } from '../config/imageLimits';
 
 interface ImageUploadProps {
   imageFiles: File[];
@@ -15,12 +16,14 @@ const ImageUpload: React.FC<ImageUploadProps> = ({
   onRemoveImage,
   error
 }) => {
+  const maxImages = IMAGE_LIMITS.items;
+
   return (
     <div className="card mb-4">
       <div className="card-body">
         <div className="mb-3">
           <label className="form-label mb-0">
-            Upload Images (Max 5)
+            Upload Images (Max {maxImages})
           </label>
           <div className="form-text mb-2">
             Have pictures of everything that's included
@@ -31,7 +34,7 @@ const ImageUpload: React.FC<ImageUploadProps> = ({
             onChange={onImageChange}
             accept="image/*"
             multiple
-            disabled={imageFiles.length >= 5}
+            disabled={imageFiles.length >= maxImages}
           />
         </div>
 
@@ -67,4 +70,4 @@ const ImageUpload: React.FC<ImageUploadProps> = ({
   );
 };
 
-export default ImageUpload;
+export default ImageUpload;