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/app/(site)/layout.tsx

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import MotionPageWrapper from "@/components/motion-page-wrapper";
 import { Navigation } from "@/components/navigation";
 import RadioPlayerGate from "@/components/public/radio-player-gate";
 import { SiteFooter } from "@/components/site-footer";
@@ -17,7 +18,9 @@ export default function SiteLayout({ children }: { children: ReactNode }) {
 			<Navigation />
 			<main>
 				<div className="mx-auto mt-6 grid max-w-7xl grid-cols-12 gap-x-3 gap-y-6 px-4 py-4 md:mt-0 md:p-6">
-					<div className="col-span-12 min-w-0">{children}</div>
+					<div className="col-span-12 min-w-0">
+						<MotionPageWrapper>{children}</MotionPageWrapper>
+					</div>
 				</div>
 			</main>
 			<SiteFooter />