Simplify registration flow: mandatory signup redirect, payment emails, payment reminder cron

- EventRegistrationForm/WatcherForm/PerformerForm: remove session/login nudge/SuccessScreen;
  both roles redirect to /login?signup=1&email=<email>&next=/account after submit
- SuccessScreen.tsx deleted (no longer used)
- account.tsx: add 'Betaal nu' CTA via checkoutMutation (shown when watcher + paymentStatus pending)
- DB schema: add paymentReminderSentAt column to registration table
- Migration: 0008_payment_reminder_sent_at.sql
- email.ts: update registrationConfirmationHtml / sendConfirmationEmail with signupUrl param;
  add sendPaymentReminderEmail and sendPaymentConfirmationEmail functions
- routers/index.ts: wire payment reminder into runSendReminders() — queries watchers
  with paymentStatus pending, paymentReminderSentAt IS NULL, createdAt <= now-3days
- mollie.ts webhook: call sendPaymentConfirmationEmail after marking registration paid

apps/web/src/components/homepage/EventRegistrationForm.tsx

@@ -1,12 +1,9 @@
-import { Link } from "@tanstack/react-router";
 import confetti from "canvas-confetti";
 import { useEffect, useRef, useState } from "react";
 import { CountdownBanner } from "@/components/homepage/CountdownBanner";
 import { PerformerForm } from "@/components/registration/PerformerForm";
-import { SuccessScreen } from "@/components/registration/SuccessScreen";
 import { TypeSelector } from "@/components/registration/TypeSelector";
 import { WatcherForm } from "@/components/registration/WatcherForm";
-import { authClient } from "@/lib/auth-client";
 import { useRegistrationOpen } from "@/lib/useRegistrationOpen";
 
 function fireConfetti() {
@@ -38,14 +35,16 @@ function fireConfetti() {
 
 type RegistrationType = "performer" | "watcher";
 
-interface SuccessState {
-	token: string;
-	email: string;
-	name: string;
+function redirectToSignup(email: string) {
+	const params = new URLSearchParams({
+		signup: "1",
+		email,
+		next: "/account",
+	});
+	window.location.href = `/login?${params.toString()}`;
 }
 
 export default function EventRegistrationForm() {
-	const { data: session } = authClient.useSession();
 	const { isOpen } = useRegistrationOpen();
 	const confettiFired = useRef(false);
 
@@ -59,30 +58,6 @@ export default function EventRegistrationForm() {
 	const [selectedType, setSelectedType] = useState<RegistrationType | null>(
 		null,
 	);
-	const [successState, setSuccessState] = useState<SuccessState | null>(null);
-
-	const isLoggedIn = !!session?.user;
-	const user = session?.user as { name?: string; email?: string } | undefined;
-
-	// Split "Jan De Smet" → firstName="Jan", lastName="De Smet"
-	const nameParts = (user?.name ?? "").trim().split(/\s+/);
-	const prefillFirstName = nameParts[0] ?? "";
-	const prefillLastName = nameParts.slice(1).join(" ");
-	const prefillEmail = user?.email ?? "";
-
-	if (successState) {
-		return (
-			<SuccessScreen
-				token={successState.token}
-				email={successState.email}
-				name={successState.name}
-				onReset={() => {
-					setSuccessState(null);
-					setSelectedType(null);
-				}}
-			/>
-		);
-	}
 
 	if (!isOpen) {
 		return (
@@ -113,54 +88,17 @@ export default function EventRegistrationForm() {
 					Doe je mee of kom je kijken? Kies je rol en vul het formulier in.
 				</p>
 
-				{/* Login nudge — shown only to guests */}
-				{!isLoggedIn && (
-					<div className="mb-10 flex flex-col gap-3 rounded-lg border border-[#52979b]/40 bg-[#52979b]/10 px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
-						<p className="text-sm text-white/80">
-							<span className="mr-1 font-semibold text-teal-300">
-								Al een account?
-							</span>
-							Log in om je gegevens automatisch in te vullen en je Drinkkaart
-							direct te activeren na registratie.
-						</p>
-						<div className="flex shrink-0 items-center gap-3 text-sm">
-							<Link
-								to="/login"
-								className="font-medium text-teal-300 underline-offset-2 transition-colors hover:underline"
-							>
-								Inloggen
-							</Link>
-							<span className="text-white/30">·</span>
-							<Link
-								to="/login"
-								search={{ signup: "1" }}
-								className="text-white/60 transition-colors hover:text-white"
-							>
-								Nog geen account? Aanmaken
-							</Link>
-						</div>
-					</div>
-				)}
 				{!selectedType && <TypeSelector onSelect={setSelectedType} />}
 				{selectedType === "performer" && (
 					<PerformerForm
 						onBack={() => setSelectedType(null)}
-						onSuccess={(token, email, name) =>
-							setSuccessState({ token, email, name })
-						}
-						prefillFirstName={prefillFirstName}
-						prefillLastName={prefillLastName}
-						prefillEmail={prefillEmail}
-						isLoggedIn={isLoggedIn}
+						onSuccess={(_token, email, _name) => redirectToSignup(email)}
 					/>
 				)}
 				{selectedType === "watcher" && (
 					<WatcherForm
 						onBack={() => setSelectedType(null)}
-						prefillFirstName={prefillFirstName}
-						prefillLastName={prefillLastName}
-						prefillEmail={prefillEmail}
-						isLoggedIn={isLoggedIn}
+						onSuccess={(_token, email, _name) => redirectToSignup(email)}
 					/>
 				)}
 			</div>