Fix migration connection exhaustion and polish auth pages

- apply-migrations.ts: use single shared connection instead of one per operation
- Increase MariaDB max_connections from 151 to 300 in server config
- home-login-form.tsx: replace hardcoded gray colors with theme variables
- register-form.tsx: add password strength meter, spinner, theme-aligned inputs
- login-form.tsx: add Discord/Google SVG icons, spinner, smoother 2FA animation
- page/register/login: apply premium animations (float, stagger, glow, gradient)

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

@@ -87,11 +87,11 @@ export default async function RegisterPage() {
 				</div>
 			</Reveal>
 			<Reveal>
-			<div className="flex flex-col lg:flex-row gap-10">
+			<div className="flex flex-col lg:flex-row gap-10 stagger-children">
 			{/* Left panel */}
 			<div className="lg:w-80 shrink-0 space-y-4">
 				<div
-					className="relative overflow-hidden rounded-2xl border p-6 text-center"
+					className="relative overflow-hidden rounded-2xl border p-6 text-center card-premium"
 					style={{
 						borderColor: "color-mix(in srgb, var(--color-primary) 20%, transparent)",
 						background: `url(/assets/images/background.png) center/cover no-repeat`,
@@ -109,7 +109,7 @@ export default async function RegisterPage() {
 						alt="Frank"
 						width={130}
 						height={170}
-						className="object-contain mx-auto drop-shadow-xl"
+						className="object-contain mx-auto drop-shadow-xl animate-float"
 						unoptimized
 						priority
 					/>