feat: add error snackbar for errors originating from registerUser function

packages/web/src/components/SignUpForm/index.ee.jsx

@@ -53,15 +53,13 @@ function SignUpForm() {
   }, [authentication.isAuthenticated]);
 
   const handleSubmit = async (values) => {
+    try {
       const { fullName, email, password } = values;
-
       await registerUser({
         fullName,
         email,
         password,
       });
-
-    try {
       const { data } = await createAccessToken({
         email,
         password,
@@ -69,10 +67,28 @@ function SignUpForm() {
       const { token } = data;
       authentication.updateToken(token);
     } catch (error) {
+      const errors = error?.response?.data?.errors
+        ? Object.values(error.response.data.errors)
+        : [];
+
+      if (errors.length) {
+        for (const [error] of errors) {
+          enqueueSnackbar(error, {
+            variant: 'error',
+            SnackbarProps: {
+              'data-test': 'snackbar-sign-up-error',
+            },
+          });
+        }
+      } else {
         enqueueSnackbar(error?.message || formatMessage('signupForm.error'), {
           variant: 'error',
+          SnackbarProps: {
+            'data-test': 'snackbar-sign-up-error',
+          },
         });
       }
+    }
   };
 
   return (