header/footer chrome polish: logo in footer, search in NAV bar, NAV bar restyle

- Footer bottom: replace the plain "Broadcast Beat" text wordmark
    with the same logo image used in the top-left header (so footer
    matches header brand mark).

  - Move the site-wide search input out of the top sticky row and
    into the Browse bar that sits below the 728x90 leaderboard. Top
    row is now just logo / reading-list / notification bell.

  - Browse bar redesign for personality + alignment:
      * 48px tall, dark navy gradient with a 2px accent-blue bottom
        border and a horizontal sheen across the top edge
      * Search input (pill shape, focus-glow ring) sits flush left
      * Menu items (Events ▾, Newsletter, Forum, About ▾) are now
        right-aligned via flex justify-between
      * Each menu item is uppercase + tracked, hover lights an
        accent-blue underline that scales in from the left
      * EventsDropdown and AboutDropdown buttons now use the same
        .bb-browse-item class — fixes the vertical alignment issue
        where they were rendering at the old 60px nav-link-bb height
        while the new bar is 48px.

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

src/components/Footer.tsx

@@ -108,8 +108,14 @@ export default function Footer() {
         <div className="border-t border-[#222] pt-5 pb-3 flex flex-col sm:flex-row items-center justify-between gap-4">
           <Link
             href="/home-page"
-            className="font-heading text-[#888] hover:text-[#3b82f6] transition-colors text-sm tracking-wide">
-            Broadcast Beat
+            aria-label="Broadcast Beat — home"
+            className="flex-shrink-0 opacity-70 hover:opacity-100 transition-opacity">
+            <AppImage
+              src="/assets/images/logo.png"
+              alt="Broadcast Beat"
+              width={180}
+              height={24}
+              className="h-6 w-auto object-contain" />
           </Link>
 
           <div className="flex items-center gap-4">