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/motion-page-wrapper.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import { AnimatePresence, motion } from "framer-motion";
+import { usePathname } from "next/navigation";
+import type { ReactNode } from "react";
+import { pageTransition } from "@/lib/motion";
+
+export default function MotionPageWrapper({
+	children,
+}: {
+	children: ReactNode;
+}) {
+	const pathname = usePathname();
+
+	return (
+		<AnimatePresence mode="wait">
+			<motion.div
+				key={pathname}
+				variants={pageTransition}
+				initial="initial"
+				animate="enter"
+				exit="exit"
+			>
+				{children}
+			</motion.div>
+		</AnimatePresence>
+	);
+}