feat(auth): add MFA handling in team invitations flow (#285)

- Export `MultiFactorAuthError` from `require-user` for reuse.
- Implement MFA handling during team invitations' sign-in flow.
- Add E2E test for team invitation flow with MFA.
- Update components to improve i18n translation handling.

packages/features/auth/src/components/existing-account-hint.tsx

@@ -13,6 +13,7 @@ import { If } from '@kit/ui/if';
 import { Trans } from '@kit/ui/trans';
 
 import { useLastAuthMethod } from '../hooks/use-last-auth-method';
+import { useTranslation } from 'react-i18next';
 
 interface ExistingAccountHintProps {
   signInPath?: string;
@@ -35,6 +36,7 @@ export function ExistingAccountHintImpl({
     useLastAuthMethod();
 
   const params = useSearchParams();
+  const { t } = useTranslation();
 
   const isInvite = params.get('invite_token');
 
@@ -78,7 +80,7 @@ export function ExistingAccountHintImpl({
         <AlertDescription>
           <Trans
             i18nKey="auth:existingAccountHint"
-            values={{ method: methodDescription }}
+            values={{ method: t(methodDescription) }}
             components={{
               method: <span className="font-medium" />,
               signInLink: (

packages/features/auth/src/components/last-auth-method-hint.tsx

@@ -62,6 +62,7 @@ function LastAuthMethodHintImpl({ className }: LastAuthMethodHintProps) {
 
       <span>
         <Trans i18nKey="auth:lastUsedMethodPrefix" />{' '}
+
         <If condition={isOAuth && Boolean(providerName)}>
           <Trans
             i18nKey="auth:methodOauthWithProvider"
@@ -71,6 +72,7 @@ function LastAuthMethodHintImpl({ className }: LastAuthMethodHintProps) {
             }}
           />
         </If>
+
         <If condition={!isOAuth || !providerName}>
           <span className="text-muted-foreground font-medium">
             <Trans i18nKey={methodKey} />

packages/supabase/src/require-user.ts

@@ -62,7 +62,7 @@ class AuthenticationError extends Error {
   }
 }
 
-class MultiFactorAuthError extends Error {
+export class MultiFactorAuthError extends Error {
   constructor() {
     super(`Multi-factor authentication required`);
   }