feat(auth): implement all 16 homepage/login/register review items

- add countArticles() (published-only, mirrors news-list) and warm total_articles
- localize homepage metadata; bind articleCount to both stats; unique photo alts
- drop duplicate news date and the mascot preload priorities
- extract shared AuthPageFrame/AuthUsersCards used by /login and /register
- login: localized noindex metadata, session redirect via safeRedirectPath,
  ?from passthrough from proxy, unified auth roster cache keys, registered notice
- register: localized metadata, session redirect to /me, unified cache keys
- add resend-verification flow on /verify with rate-limited non-enumerable action
- add safeRedirectPath() with unit tests
- register form: live requirements checklist + password mismatch guard
- login form: unverified state with resend-link CTA
- honour prefers-reduced-motion in TypewriterText
- add 6 translations across all 25 locales

src/app/(site)/verify/page.tsx

@@ -1,6 +1,7 @@
 import { eq } from "drizzle-orm";
 import { CheckCircle2, Clock, MailX } from "lucide-react";
 import { getTranslations } from "next-intl/server";
+import { ResendVerificationForm } from "@/components/auth/resend-verification-form";
 import Link from "@/components/link";
 import { SurfaceCard } from "@/components/surface-card";
 import { isValidVerificationToken } from "@/lib/auth/email-verification";
@@ -185,6 +186,7 @@ export default async function VerifyPage({
 					<p className="text-sm" style={{ color: "var(--color-text-muted)" }}>
 						{t("invalidBody")}
 					</p>
+					<ResendVerificationForm />
 					<Link
 						href="/login"
 						className={`${linkClass} !shadow-none`}

src/app/globals.css

@@ -2679,6 +2679,17 @@ html {
 	border: 1px solid color-mix(in srgb, var(--color-danger) 32%, transparent);
 }
 
+/* Same box with the success tint — post-registration confirmation, etc. */
+.auth-alert.auth-alert--success {
+	color: color-mix(
+		in srgb,
+		var(--color-success) 85%,
+		var(--color-text-readable)
+	);
+	background: color-mix(in srgb, var(--color-success) 10%, transparent);
+	border-color: color-mix(in srgb, var(--color-success) 32%, transparent);
+}
+
 /* ── Public page polish: explore pills ────────────────────────────── */
 .explore-pill {
 	display: inline-flex;