(fix) O3-2686 hide action overflow menu in patient banner in various …

…appointment overlay forms (#925)

Co-authored-by: Dennis Kigen <kigen.work@gmail.com>

packages/esm-appointments-app/src/appointments/forms/cancel-form/cancel-appointment.component.tsx

@@ -60,6 +60,7 @@ const CancelAppointment: React.FC<CancelAppointmentProps> = ({ appointment }) =>
           state={{
             patient,
             patientUuid: appointment.patientUuid,
+            hideActionsOverflow: true,
           }}
         />
       )}

packages/esm-appointments-app/src/appointments/forms/create-edit-form/appointments-form.component.tsx

@@ -157,7 +157,7 @@ const AppointmentForm: React.FC<AppointmentFormProps> = ({ appointment, patientU
   }, [currentAppointmentDate, patientAppointment, t]);
 
   return (
-    <Form className={styles.form}>
+    <Form className={styles.form} onClick={(e) => e.preventDefault()}>
       <section>
         {isLoading ? (
           <div className={styles.loaderContainer}>
@@ -170,6 +170,7 @@ const AppointmentForm: React.FC<AppointmentFormProps> = ({ appointment, patientU
               state={{
                 patient,
                 patientUuid: patientAppointment.patientUuid,
+                hideActionsOverflow: false,
               }}
             />
           </div>

packages/esm-appointments-app/src/patient-queue/visit-form/visit-form.component.tsx

@@ -192,6 +192,7 @@ const VisitForm: React.FC<VisitFormProps> = ({ patientUuid, appointment }) => {
             state={{
               patient,
               patientUuid: appointment.patientUuid,
+              hideActionsOverflow: true,
             }}
           />
         )}