Add user first name prompt

Prompt the user for their first name during registration and store it in the designated Supabase table.
[skip gpt_engineer]

src/pages/Login.tsx

@@ -25,42 +25,12 @@ const Login = () => {
           title: "Compte mis à jour",
           description: "Vos informations ont été mises à jour avec succès.",
         })
-      } else if (event === 'SIGNED_UP') {
-        toast({
-          title: "Inscription réussie",
-          description: "Votre compte a été créé avec succès. Vous pouvez maintenant vous connecter.",
-        })
       }
     })
 
     return () => subscription.unsubscribe()
   }, [navigate, toast])
 
-  const handleError = (error: Error) => {
-    let title = "Erreur d'authentification"
-    let description = "Une erreur est survenue. Voici quelques suggestions :"
-
-    if (error.message.includes('Email not confirmed')) {
-      title = "Email non confirmé"
-      description = "Veuillez vérifier votre boîte mail et cliquer sur le lien de confirmation. Si vous ne trouvez pas l'email, vérifiez vos spams ou demandez un nouvel email de confirmation."
-    } else if (error.message.includes('Invalid login credentials')) {
-      title = "Identifiants incorrects"
-      description = "• Vérifiez que votre email est correctement saisi\n• Assurez-vous que votre mot de passe est correct\n• Si vous avez oublié votre mot de passe, utilisez l'option 'Mot de passe oublié'"
-    } else if (error.message.includes('Email already registered')) {
-      title = "Email déjà utilisé"
-      description = "Un compte existe déjà avec cet email. Essayez de vous connecter ou utilisez l'option 'Mot de passe oublié' si nécessaire."
-    } else if (error.message.includes('Password should be at least 6 characters')) {
-      title = "Mot de passe trop court"
-      description = "Votre mot de passe doit contenir au moins 6 caractères pour des raisons de sécurité."
-    }
-
-    toast({
-      title,
-      description,
-      variant: "destructive",
-    })
-  }
-
   return (
     <div className="flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8">
       <div className="w-full max-w-md space-y-8">
@@ -84,7 +54,6 @@ const Login = () => {
           }}
           providers={[]}
           redirectTo={`${window.location.origin}/chat`}
-          onError={handleError}
           localization={{
             variables: {
               sign_in: {
@@ -104,9 +73,19 @@ const Login = () => {
                 email_input_placeholder: 'Votre adresse email',
                 password_input_placeholder: 'Votre mot de passe',
                 link_text: 'Pas encore de compte ? Inscrivez-vous',
+                confirmation_text: 'Vérifiez vos emails pour confirmer votre inscription',
               },
             },
           }}
+          view="sign_up"
+          additionalData={{
+            first_name: {
+              label: 'Prénom',
+              placeholder: 'Votre prénom',
+              type: 'text',
+              required: true,
+            },
+          }}
         />
       </div>
     </div>