fix(seo): use h1 as primary heading on about, schedule, events, and contact pages

Each public page now has exactly one <h1> element for proper semantic
heading hierarchy:
- About: 'About [Station Name]' (h1), with subsection h2s for History/Team
- Schedule: 'Program Schedule' (h1)
- Events: 'Upcoming Events' (h1)
- Contact: 'Get in Touch' (h1)

The home page hero component already used <h1>, as did login and admin.

src/app/about/about.component.html

@@ -3,7 +3,7 @@
     <!-- Intro -->
     <div class="about-intro">
       <img [src]="resolveImageUrl(config().hero_icon_url)" alt="" class="about-flower-decor" aria-hidden="true">
-      <h2>About <span class="text-accent">{{ config().name_primary }} {{ config().name_secondary }}</span></h2>
+      <h1>About <span class="text-accent">{{ config().name_primary }} {{ config().name_secondary }}</span></h1>
       <p class="section-intro">{{ config().about_intro }}</p>
     </div>
 

src/app/contact/contact.component.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="contact-header">
       <img src="svg/small-flower.svg" alt="" class="contact-flower" aria-hidden="true">
-      <h2>Get in <span class="text-accent">Touch</span></h2>
+      <h1>Get in <span class="text-accent">Touch</span></h1>
       <p class="section-intro">
         Have a song request, want to volunteer, or just want to say hello?
         We'd love to hear from you.

src/app/events/events.component.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="events-header">
       <img src="svg/small-flower.svg" alt="" class="events-flower" aria-hidden="true">
-      <h2>Upcoming <span class="text-accent">Events</span></h2>
+      <h1>Upcoming <span class="text-accent">Events</span></h1>
       <p class="section-intro">{{ config().events_intro }}</p>
     </div>
 

src/app/schedule/schedule.component.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="schedule-header">
       <img [src]="resolveImageUrl(config().logo_url)" alt="" class="schedule-flower" aria-hidden="true">
-      <h2>Program <span class="text-accent">Schedule</span></h2>
+      <h1>Program <span class="text-accent">Schedule</span></h1>
       <p class="section-intro">{{ config().schedule_intro }}</p>
     </div>