v5.1.0 (#2970)

* chore(release): v5.1.0

* feat: implement resume thumbnails

* fix: remove unused mcp tools

* docs: fix formatting of docs

apps/web/src/routes/dashboard/settings/authentication/index.tsx

@@ -0,0 +1,50 @@
+import { t } from "@lingui/core/macro";
+import { ShieldCheckIcon } from "@phosphor-icons/react";
+import { createFileRoute } from "@tanstack/react-router";
+import { motion } from "motion/react";
+import { Separator } from "@reactive-resume/ui/components/separator";
+import { DashboardHeader } from "../../-components/header";
+import { useEnabledProviders } from "./-components/hooks";
+import { PasskeysSection } from "./-components/passkeys";
+import { PasswordSection } from "./-components/password";
+import { SocialProviderSection } from "./-components/social-provider";
+import { TwoFactorSection } from "./-components/two-factor";
+
+export const Route = createFileRoute("/dashboard/settings/authentication/")({
+	component: RouteComponent,
+});
+
+function RouteComponent() {
+	const { enabledProviders } = useEnabledProviders();
+
+	return (
+		<div className="space-y-4">
+			<DashboardHeader icon={ShieldCheckIcon} title={t`Authentication`} />
+
+			<Separator />
+
+			<motion.div
+				initial={{ opacity: 0, y: -20 }}
+				animate={{ opacity: 1, y: 0 }}
+				transition={{ duration: 0.25, ease: "easeOut" }}
+				className="grid max-w-xl gap-4 will-change-[transform,opacity]"
+			>
+				<PasswordSection />
+
+				<TwoFactorSection />
+
+				<PasskeysSection />
+
+				{"google" in enabledProviders && <SocialProviderSection provider="google" animationDelay={0.4} />}
+
+				{"github" in enabledProviders && <SocialProviderSection provider="github" animationDelay={0.5} />}
+
+				{"linkedin" in enabledProviders && <SocialProviderSection provider="linkedin" animationDelay={0.6} />}
+
+				{"custom" in enabledProviders && (
+					<SocialProviderSection provider="custom" animationDelay={0.7} name={enabledProviders.custom} />
+				)}
+			</motion.div>
+		</div>
+	);
+}