fix: users can be removed from all groups in Web UI (#9259)

Co-authored-by: Amanda Vialva <amanda.vialva@hpe.com>

webui/react/src/components/ManageGroupsModal.tsx

@@ -3,6 +3,7 @@ import { Modal } from 'hew/Modal';
 import Select, { Option } from 'hew/Select';
 import Spinner from 'hew/Spinner';
 import { useToast } from 'hew/Toast';
+import lodash from 'lodash';
 import React, { useEffect, useId } from 'react';
 
 import { updateGroup } from 'services/api';
@@ -31,7 +32,7 @@ const ManageGroupsModalComponent: React.FC<Props> = ({ user, groupOptions, userG
 
   const { openToast } = useToast();
 
-  const groupsValue = Form.useWatch(GROUPS_NAME, form);
+  const formGroupIds = Form.useWatch(GROUPS_NAME, form);
 
   const { rbacEnabled } = useObservable(determinedStore.info);
 
@@ -81,7 +82,10 @@ const ManageGroupsModalComponent: React.FC<Props> = ({ user, groupOptions, userG
       cancel
       size="small"
       submit={{
-        disabled: !groupsValue?.length,
+        disabled: lodash.isEqual(
+          userGroups.map((g) => g.group.groupId),
+          formGroupIds,
+        ),
         form: idPrefix + FORM_ID,
         handleError,
         handler: handleSubmit,