align: unify container width to max-w-container across all pages; fix banner edge alignment

The Featured-story card's right edge wasn't lining up with any of the
ad banners below or beside it on the homepage. Two root causes:

  1. Pages I redesigned (/about, /about/contact, /about/team,
     /about/advertise, /show-coverage/[slug]) used `max-w-6xl px-6`
     (1152px / 24px-pad). Every other page uses `max-w-container
     px-4` (1200px / 16px-pad). Pages didn't line up with the
     header leaderboard or with each other.

  2. ArticleFeed used a flexible 12-col grid where lg:col-span-4
     ends up ~280px wide (depending on container) — so the 300x250
     image inside the sidebar didn't extend to the column's right
     edge, leaving a visual gap relative to the full-width Featured
     card above.

Fix:
  - All redesigned pages now use `max-w-container mx-auto px-4`.
  - ArticleFeed switches to `lg:grid-cols-[1fr,300px]` so the sidebar
    column is *exactly* 300px wide. The 300x250 ads fill that column
    flush, so their right edge meets the container's right padding
    edge — same x-position as the Featured card's right edge above.

Also linkified the "Relevant Media Properties" copyright string in
Footer.tsx → opens https://www.relevantmediaproperties.com/ in a new
tab.

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

src/app/about/advertise/page.tsx

@@ -14,7 +14,7 @@ export default function AdvertisePage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <div className="mx-auto max-w-6xl px-6 py-12 text-[#e5e7eb]">
+      <div className="max-w-container mx-auto px-4 py-12 text-[#e5e7eb]">
         <div className="lg:grid lg:grid-cols-[1fr,300px] lg:gap-10">
           <main>
             <header className="mb-8 border-b border-[#252525] pb-6">

src/app/about/contact/page.tsx

@@ -48,7 +48,7 @@ export default function ContactPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <div className="mx-auto max-w-6xl px-6 py-12 text-[#e5e7eb]">
+      <div className="max-w-container mx-auto px-4 py-12 text-[#e5e7eb]">
         <div className="lg:grid lg:grid-cols-[1fr,300px] lg:gap-10">
           <main>
             <header className="mb-8 border-b border-[#252525] pb-6">

src/app/about/page.tsx

@@ -11,7 +11,7 @@ export default function AboutPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <div className="mx-auto max-w-6xl px-6 py-12 text-[#e5e7eb]">
+      <div className="max-w-container mx-auto px-4 py-12 text-[#e5e7eb]">
         <div className="lg:grid lg:grid-cols-[1fr,300px] lg:gap-10">
           <main>
             <header className="mb-8 border-b border-[#252525] pb-6">

src/app/about/team/page.tsx

@@ -37,7 +37,7 @@ export default async function TeamPage() {
   return (
     <div className="min-h-screen bg-background">
       <Header />
-      <div className="mx-auto max-w-6xl px-6 py-12 text-[#e5e7eb]">
+      <div className="max-w-container mx-auto px-4 py-12 text-[#e5e7eb]">
         <div className="lg:grid lg:grid-cols-[1fr,300px] lg:gap-10">
           <main>
             <header className="mb-8 border-b border-[#252525] pb-6">