fix(contrast,brand): full audit sweep — white-on-white + cross-component renames

- forum/page.tsx: text-white → navy on TopThreads, Following feed, Discover feed cards, search input, select, category grid, Community Guidelines; greys lightened where applicable for new white surface
- forum/[slug]/page.tsx: same sweep for category page (h1, h2, thread rows, new-thread form, search/sort bar) + hover:bg-[#1e2a3a] → slate-200
- forum/user/[username]/page.tsx: text-[#cccccc]/[#bfbfbf]/[#e0e0e0] + bg-[#222] tag chip + #9ca3af labels → readable on white card
- authors/[slug]/page.tsx: profile contact/facts cards readable
- search/page.tsx: h1 + h2 navy + hover slate
- news/[slug]/NewsArticleDetailClient.tsx: toast color
- news/NewsPageClient.tsx: import cleanExcerpt, strip HTML from listing excerpts
- privacy/terms/page.tsx: h1 + h2 + body greys to readable navy/slate
- error.tsx: page-level text to navy + button border slate
- about/page.tsx: page body text + Stat/Block cards to white surface w/ navy text
- Header.tsx: mobile hamburger + dropdown links → readable navy + slate border
- NotificationCenter.tsx: hover + unread bg flipped to light blue
- AISuggestedArticles.tsx: hover bg → slate-200
- Footer.tsx: link greys to #475569 + #DCE6F2 borders
- AskBBAI.tsx: copy rename 'BB AI' → 'AV Beat AI' (greeting, button, header, aria)

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

src/components/Footer.tsx

@@ -63,7 +63,7 @@ const footerColumns = [
 
 export default function Footer() {
   return (
-    <footer className="bg-[#F8FAFC] border-t border-[#222]">
+    <footer className="bg-[#F8FAFC] border-t border-[#DCE6F2]">
       {/* Footer Ad Row — site-wide 728x90 (rotates if multiple in pool) */}
       <div className="max-w-container mx-auto px-4 pt-8 pb-4">
         {pickAds("728x90", 1).length > 0 && (
@@ -73,7 +73,7 @@ export default function Footer() {
         )}
 
         {/* Multi-column link section */}
-        <div className="border-t border-[#222] pt-8 pb-6 grid grid-cols-2 md:grid-cols-4 gap-8">
+        <div className="border-t border-[#DCE6F2] pt-8 pb-6 grid grid-cols-2 md:grid-cols-4 gap-8">
           {footerColumns?.map((col) =>
           <div key={col?.heading}>
               <h4 className="font-body font-bold text-xs text-[#1D4ED8] uppercase tracking-widest mb-4 pb-2 border-b border-[#1D4ED8]/20">
@@ -87,13 +87,13 @@ export default function Footer() {
                   href={link?.href}
                   target="_blank"
                   rel="noopener noreferrer"
-                  className="footer-link font-body text-sm text-[#777777] hover:text-[#1D4ED8] transition-colors leading-relaxed inline-block">
+                  className="footer-link font-body text-sm text-[#475569] hover:text-[#1D4ED8] transition-colors leading-relaxed inline-block">
                         {link?.label}
                       </a> :
 
                 <Link
                   href={link?.href}
-                  className="footer-link font-body text-sm text-[#777777] hover:text-[#1D4ED8] transition-colors leading-relaxed inline-block">
+                  className="footer-link font-body text-sm text-[#475569] hover:text-[#1D4ED8] transition-colors leading-relaxed inline-block">
                         {link?.label}
                       </Link>
                 }
@@ -106,7 +106,7 @@ export default function Footer() {
 
         {/* Footer Bottom */}
         {/* DO NOT OVERRIDE — footer bottom bar layout */}
-        <div className="border-t border-[#222] pt-5 pb-3 flex flex-col sm:flex-row items-center justify-between gap-4">
+        <div className="border-t border-[#DCE6F2] pt-5 pb-3 flex flex-col sm:flex-row items-center justify-between gap-4">
           <Link
             href="/home-page"
             aria-label="AV Beat — home"
@@ -121,24 +121,24 @@ export default function Footer() {
 
           <div className="flex items-center gap-4">
             <a href="https://linkedin.com/company/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on LinkedIn"
-            className="text-[#555] hover:text-[#1D4ED8] transition-colors social-icon">
+            className="text-[#475569] hover:text-[#1D4ED8] transition-colors social-icon">
               <LinkedInIcon size={17} />
             </a>
             <a href="https://instagram.com/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on Instagram"
-            className="text-[#555] hover:text-[#1D4ED8] transition-colors social-icon">
+            className="text-[#475569] hover:text-[#1D4ED8] transition-colors social-icon">
               <InstagramIcon size={17} />
             </a>
             <a href="https://twitter.com/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on Twitter/X"
-            className="text-[#555] hover:text-[#1D4ED8] transition-colors social-icon">
+            className="text-[#475569] hover:text-[#1D4ED8] transition-colors social-icon">
               <TwitterXIcon size={17} />
             </a>
             <a href="https://facebook.com/avbeat" target="_blank" rel="noopener noreferrer" aria-label="AV Beat on Facebook"
-            className="text-[#555] hover:text-[#1D4ED8] transition-colors social-icon">
+            className="text-[#475569] hover:text-[#1D4ED8] transition-colors social-icon">
               <FacebookIcon size={17} />
             </a>
           </div>
 
-          <div className="flex items-center gap-4 text-xs font-body text-[#555]">
+          <div className="flex items-center gap-4 text-xs font-body text-[#475569]">
             <Link href="/privacy" className="hover:text-[#1D4ED8] transition-colors">Privacy Policy</Link>
             <Link href="/terms" className="hover:text-[#1D4ED8] transition-colors">Terms of Service</Link>
             <span>