feat(brand): wire AnimatedLogo into Header + Footer

- Header: replaces AvBeatLogo across all 3 breakpoints (full / no-tagline / iconOnly).
- Footer: replaces AvBeatLogo full variant.
- AnimatedLogo: new iconOnly prop hides the wordmark+tagline span entirely for the mobile breakpoint.

Existing AvBeatLogo file kept on disk for now (unimported, can be deleted later) so we have a quick rollback target if anyone wants the static A+V monogram back.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/Footer.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import Link from "next/link";
 import AppImage from "@/components/ui/AppImage";
-import AvBeatLogo from "@/components/AvBeatLogo";
+import AnimatedLogo from "@/components/AnimatedLogo";
 import {
   LinkedInIcon,
   InstagramIcon,
@@ -112,7 +112,7 @@ export default function Footer() {
             href="/home-page"
             aria-label="AV Beat — home"
             className="flex-shrink-0 opacity-90 hover:opacity-100 transition-opacity">
-            <AvBeatLogo variant="full" emblemSize={36} />
+            <AnimatedLogo size={36} variant="onLight" />
           </Link>
 
           <div className="flex items-center gap-4">