Fix:Added new Field content Size of land

Frontend/src/pages/UserPanel/Farm/UpdateForm.jsx

@@ -6,6 +6,7 @@ const UpdateFarm = () => {
   const [location, setLocation] = useState("");
   const [waterContent, setWaterContent] = useState("");
   const [soilType, setSoilType] = useState("");
+  const [sizeContent, setSizeContent] = useState("");
   const [error, setError] = useState(null);
   const [success, setSuccess] = useState(false);
   const navigate = useNavigate();
@@ -16,6 +17,7 @@ const UpdateFarm = () => {
       location,
       waterContent,
       soilType,
+      size: sizeContent,
     };
 
     try {
@@ -116,6 +118,22 @@ const UpdateFarm = () => {
               required
             />
           </div>
+          <div className="mb-5">
+            <label
+              htmlFor="soilType"
+              className="block mb-2 text-sm font-medium text-gray-900 dark:text-white"
+            >
+              Size of Land
+            </label>
+            <input
+              type="text"
+              id="soilType"
+              value={sizeContent}
+              onChange={(e) => setSizeContent(e.target.value)}
+              className="shadow-xs bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white"
+              required
+            />
+          </div>
           <button
             type="submit"
             className="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"