Property add and cloudinary upload

components/PropertyAddForm.jsx

@@ -389,6 +389,7 @@ const PropertyAddForm = () => {
           className='border rounded w-full py-2 px-3'
           accept='image/*'
           multiple
+          required
         />
       </div>
 

components/PropertyCard.jsx

@@ -23,7 +23,7 @@ const PropertyCard = ({ property }) => {
   return (
     <div className='rounded-xl shadow-md relative'>
       <Image
-        src={`/images/properties/${property.images[0]}`}
+        src={property.images[0]}
         alt=''
         height={0}
         width={0}

components/PropertyHeaderImage.jsx

@@ -6,7 +6,7 @@ const PropertyHeaderImage = ({ image }) => {
       <div className='container-xl m-auto'>
         <div className='grid grid-cols-1'>
           <Image
-            src={`/images/properties/${image}`}
+            src={image}
             alt=''
             className='object-cover h-[400px] w-full'
             width={0}