feat: add smooth site-wide animations with framer-motion

- Add framer-motion and tailwindcss-animate for transitions
- Add page transitions via AnimatePresence in the site layout
- Convert nav dropdown and mobile menu to animated motion components
- Add entry animation to the radio player widget
- Add reveal/stagger animations to the home page views
- Add shared motion utilities and reusable animated components

src/components/home/guest-view.tsx

@@ -2,6 +2,7 @@ import Image from "next/image";
 import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import { HomeLoginForm } from "@/components/auth/home-login-form";
+import { Reveal } from "@/components/motion-reveal";
 import { avatarImageUrl, excerpt } from "@/lib/format";
 import { prisma } from "@/lib/prisma";
 import { siteSettings } from "@/lib/services/site-settings";
@@ -40,7 +41,7 @@ export default async function GuestView() {
 
 	return (
 		<div className="flex flex-col gap-4 md:flex-row">
-			<div className="flex w-full flex-col gap-4 md:w-1/3 md:flex-shrink-0">
+			<Reveal className="flex w-full flex-col gap-4 md:w-1/3 md:flex-shrink-0">
 				<div
 					className="overflow-hidden rounded-lg border"
 					style={{
@@ -158,9 +159,9 @@ export default async function GuestView() {
 						</div>
 					</div>
 				)}
-			</div>
+			</Reveal>
 
-			<div className="flex w-full flex-col gap-4 md:w-2/3">
+			<Reveal delay={0.15} className="flex w-full flex-col gap-4 md:w-2/3">
 				<div
 					className="overflow-hidden rounded-lg border"
 					style={{
@@ -237,7 +238,7 @@ export default async function GuestView() {
 						)}
 					</div>
 				</div>
-			</div>
+			</Reveal>
 		</div>
 	);
 }