feat: add error snackbar for updating role mappings

packages/web/src/pages/Authentication/RoleMappings.jsx

@@ -56,6 +56,19 @@ function RoleMappings({ provider, providerLoading }) {
         });
       }
     } catch (error) {
+      const errors = Object.values(
+        error.response.data.errors || [['Failed while saving!']],
+      );
+
+      for (const [error] of errors) {
+        enqueueSnackbar(error, {
+          variant: 'error',
+          SnackbarProps: {
+            'data-test': 'snackbar-update-role-mappings-error',
+          },
+        });
+      }
+
       throw new Error('Failed while saving!');
     }
   };

packages/web/src/pages/Authentication/RoleMappingsFieldsArray.jsx

@@ -66,10 +66,10 @@ function RoleMappingsFieldArray() {
                   <MuiTextField
                     {...params}
                     label={formatMessage('roleMappingsForm.role')}
+                    required
                   />
                 )}
                 loading={isRolesLoading}
-                required
               />
             </Stack>
             <IconButton