feat: enhance button styling for save actions in harvest and planting detail forms

frontend/app/(sidebar)/setup/harvest-detail-form.tsx

@@ -294,7 +294,12 @@ export default function HarvestDetailsForm({
           )}
         />
         <div className="col-span-3 flex justify-center">
-          <Button type="submit">Save</Button>
+          <Button
+            type="submit"
+            className="bg-blue-500 hover:bg-blue-600 duration-100"
+          >
+            Save
+          </Button>
         </div>
       </form>
     </Form>

frontend/app/(sidebar)/setup/page.tsx

@@ -55,6 +55,9 @@ export default function SetupPage() {
     }
 
     console.log("Submitting:", { plantingDetails, harvestDetails, mapData });
+
+    // send request to the server
+    
   };
 
   return (

frontend/app/(sidebar)/setup/planting-detail-form.tsx

@@ -372,7 +372,7 @@ export default function PlantingDetailsForm({
           )}
         />
         <div className="col-span-3 flex justify-center">
-          <Button type="submit">
+          <Button type="submit" className="bg-blue-500 hover:bg-blue-600 duration-100">
             Save
           </Button>
         </div>