feat: disable outside click or closing modal

Author: Muhammad Faraz Maqsood

src/CourseTeamManagement/changeConfirmationModal.jsx

@@ -58,7 +58,12 @@ export default function ChangeConfirmationModal({
   };
 
   return (
-    <ModalLayer isOpen={isOpen} onClose={onCancel} positionRef={positionRef}>
+    <ModalLayer
+      isOpen={isOpen}
+      onClose={onCancel}
+      positionRef={positionRef}
+      closeOnOutsideClick={submitButtonState !== 'pending'}
+    >
       <div
         role="dialog"
         aria-label={intl.formatMessage(messages.confirmChangesModalHeader)}
@@ -131,7 +136,7 @@ export default function ChangeConfirmationModal({
           <ModalCloseButton
             className="mr-3"
             variant="outline-primary"
-            disabled={submitButtonState === 'saving'}
+            disabled={submitButtonState === 'pending' || submitButtonState === 'complete'}
             data-testid="cancel-save-course-changes"
             onClick={() => {
               setExpanded({ added: false, removed: false, updated: false });