🔐 Wachtwoord Reset Flow – DrivingOldVolvos.nl

📌 Doel

Gebruikers kunnen veilig hun wachtwoord resetten via Supabase Auth met aangepaste UX/UI en sessiebeheer.

---

🧭 Gebruikersflow

1. Gebruiker klikt op “Wachtwoord vergeten?”
   ➜ Gaat naar: /forgot-password

2. Gebruiker voert zijn e-mailadres in
   ➜ Supabase stuurt een resetlink met:
   redirectTo=/update-password

3. Gebruiker klikt op de link in de e-mail
   ➜ Link opent: /auth/callback#type=recovery

4. /auth/callback detecteert recovery-type
   ➜ Router redirect naar /update-password

5. Op /update-password vult de gebruiker een nieuw wachtwoord in

   • ✔ Validatie (minimaal 6 tekens, wachtwoorden moeten overeenkomen)
   • ✔ Supabase update het wachtwoord via supabase.auth.updateUser()
   • ✔ Gebruiker wordt uitgelogd
     ➜ Daarna redirect naar /login

---

🧩 Belangrijke bestanden

Bestand	Doel
/forgot-password/page.tsx	Formulier voor invoer e-mailadres
/auth/callback/page.tsx	Detecteert type=recovery en stuurt door
/update-password/page.tsx	Nieuw wachtwoord instellen (sessiecheck + logout)
components/ui/InputField.tsx	Herbruikbare input met styling en show/hide-toggle

---

🧠 Opmerkingen

• ✅ UX: InputFields hebben foutmeldingen, statuskleuren en show/hide-iconen (FiEye, FiEyeOff)
• ✅ Security: Gebruiker wordt na wijziging uitgelogd om verwarring of onbedoelde inlog te voorkomen
• ⚠️ Let op: Supabase laat gebruiker standaard ingelogd na wachtwoord-reset → daarom expliciet signOut() toevoegen