Handle disabling unavailable fields

src/components/AccountPermissionGroups/AccountPermissionGroups.tsx

@@ -42,6 +42,7 @@ const AccountPermissionGroups: React.FC<AccountPermissionGroupsProps> = props =>
   const intl = useIntl();
 
   const choices = availablePermissionGroups?.map(pg => ({
+    disabled: !pg.userCanManage,
     label: pg.name,
     value: pg.id
   }));

src/components/MultiAutocompleteSelectField/MultiAutocompleteSelectFieldContent.tsx

@@ -251,6 +251,7 @@ const MultiAutocompleteSelectFieldContent: React.FC<MultiAutocompleteSelectField
                 >
                   <Checkbox
                     checked={false}
+                    disabled={suggestion.disabled}
                     className={classes.checkbox}
                     disableRipple
                   />