working basic site admin

src/app/admin/admin.component.html

@@ -22,6 +22,11 @@
         [class.active]="activeTab() === 'tiers'"
         (click)="activeTab.set('tiers')"
       >Tiers</button>
+      <button
+        class="tab-btn"
+        [class.active]="activeTab() === 'station'"
+        (click)="activeTab.set('station')"
+      >Station</button>
     </div>
 
     <!-- Programs Tab -->
@@ -145,6 +150,56 @@
         </div>
       }
     }
+    <!-- Station Tab -->
+    @if (activeTab() === 'station') {
+      @if (stationConfig$ | async; as config) {
+        <div class="tab-content">
+          <div class="tab-toolbar">
+            <h2>Station Configuration</h2>
+            <button class="btn btn-add" (click)="openStationForm()">Edit Config</button>
+          </div>
+
+          <div class="station-config-view">
+            <div class="config-row">
+              <span class="config-label">Callsign</span>
+              <span class="config-value">{{ config.callsign }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Name</span>
+              <span class="config-value">{{ config.name_primary }} {{ config.name_secondary }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Tagline</span>
+              <span class="config-value">{{ config.tagline }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Frequency</span>
+              <span class="config-value">{{ config.frequency }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Founded</span>
+              <span class="config-value">{{ config.founded_year }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Nonprofit</span>
+              <span class="config-value">{{ config.nonprofit_type }} — EIN {{ config.ein }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Email</span>
+              <span class="config-value">{{ config.email }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Phone</span>
+              <span class="config-value">{{ config.phone }}</span>
+            </div>
+            <div class="config-row">
+              <span class="config-label">Website</span>
+              <span class="config-value">{{ config.website }}</span>
+            </div>
+          </div>
+        </div>
+      }
+    }
   </div>
 
   <!-- Form modals -->
@@ -157,4 +212,7 @@
   @if (showTierForm) {
     <app-admin-tier-form [editItem]="editingTier" (saved)="onTierSaved()" (closed)="onTierClosed()" />
   }
+  @if (showStationForm) {
+    <app-admin-station-form [editItem]="stationConfig$ | async" (saved)="onStationSaved()" (closed)="onStationClosed()" />
+  }
 </section>