refactor: improve error handling in authentication forms

- Updated error message display in `ForgotPasswordForm`, `LoginForm`, `RegisterForm`, and `ResetPasswordForm` to use `ctx.error.message` instead of `ctx.error.statusText`, providing clearer feedback to users on authentication errors.

src/components/auth/forgot-password-form.tsx

@@ -71,7 +71,7 @@ export const ForgotPasswordForm = ({ className }: { className?: string }) => {
         },
         onError: (ctx) => {
           console.error('forgotPassword, error:', ctx.error);
-          setError(`${ctx.error.status} : ${ctx.error.statusText}`);
+          setError(`${ctx.error.status}: ${ctx.error.message}`);
         },
       }
     );

src/components/auth/login-form.tsx

@@ -74,7 +74,7 @@ export const LoginForm = ({ className }: { className?: string }) => {
         },
         onError: (ctx) => {
           console.error('login, error:', ctx.error);
-          setError(`${ctx.error.status}:${ctx.error.statusText}`);
+          setError(`${ctx.error.status}: ${ctx.error.message}`);
         },
       }
     );

src/components/auth/register-form.tsx

@@ -75,7 +75,7 @@ export const RegisterForm = () => {
         onError: (ctx) => {
           // sign up fail, display the error message
           console.error('register, error:', ctx.error);
-          setError(`${ctx.error.status}:${ctx.error.statusText}`);
+          setError(`${ctx.error.status}: ${ctx.error.message}`);
         },
       }
     );

src/components/auth/reset-password-form.tsx

@@ -84,7 +84,7 @@ export const ResetPasswordForm = () => {
         },
         onError: (ctx) => {
           console.error('resetPassword, error:', ctx.error);
-          setError(`${ctx.error.status}:${ctx.error.statusText}`);
+          setError(`${ctx.error.status}: ${ctx.error.message}`);
         },
       }
     );