refactor(detail): align secondary school page with primary — scroll-to-section nav

Replace tab-based show/hide with always-visible sections and anchor
link navigation, matching the primary school detail page behaviour.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

nextjs-app/components/SecondarySchoolDetailView.module.css

@@ -199,6 +199,7 @@
   cursor: pointer;
   transition: all 0.15s ease;
   white-space: nowrap;
+  text-decoration: none;
 }
 
 .tabBtn:hover {
@@ -206,24 +207,6 @@
   color: var(--text-primary, #1a1612);
 }
 
-.tabBtnActive {
-  background: var(--accent-coral, #e07256);
-  color: white;
-  font-weight: 600;
-}
-
-.tabBtnActive:hover {
-  background: var(--accent-coral-dark, #c45a3f);
-  color: white;
-}
-
-/* ── Tab content area ────────────────────────────────── */
-.tabContent {
-  display: flex;
-  flex-direction: column;
-  gap: 0; /* cards have their own margin-bottom */
-}
-
 /* ── Card ────────────────────────────────────────────── */
 .card {
   background: var(--bg-card, white);
@@ -232,6 +215,7 @@
   padding: 1.25rem 1.5rem;
   margin-bottom: 1rem;
   box-shadow: var(--shadow-soft);
+  scroll-margin-top: 6rem;
 }
 
 /* ── Section Title ───────────────────────────────────── */
@@ -581,22 +565,6 @@
   color: var(--text-primary, #1a1612);
 }
 
-/* Tab link (inline button styled as link) */
-.tabLink {
-  background: none;
-  border: none;
-  color: var(--accent-teal, #2d7d7d);
-  font-size: 0.8125rem;
-  cursor: pointer;
-  padding: 0;
-  margin-top: 0.75rem;
-  text-decoration: none;
-}
-
-.tabLink:hover {
-  text-decoration: underline;
-}
-
 /* ── Admissions ──────────────────────────────────────── */
 .admissionsTypeBadge {
   border-radius: 6px;