docs(changelog): add section anchors for version links

Assign ids to release sections and add scroll margin for anchored navigation

src/pages/changelog.astro

@@ -22,7 +22,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 
 
     <!-- v0.4.1 Section -->
-    <section class="changelog-section">
+    <section id="v0-4-1" class="changelog-section">
       <div class="container">
         <div class="version-card version-latest">
           <div class="version-header">
@@ -69,7 +69,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.4.0 Section -->
-    <section class="changelog-section">
+    <section id="v0-4-0" class="changelog-section">
       <div class="container">
         <div class="version-card version-previous">
           <div class="version-header">
@@ -154,7 +154,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       </div>
     </section>
     <!-- v0.3.4 Section -->
-    <section class="changelog-section">
+    <section id="v0-3-4" class="changelog-section">
       <div class="container">
         <div class="version-card version-previous">
                     <div class="version-header">
@@ -217,7 +217,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
       </div>
     </section>
     <!-- v0.3.3 Section -->
-    <section class="changelog-section">
+    <section id="v0-3-3" class="changelog-section">
       <div class="container">
         <div class="version-card version-previous">
           <div class="version-header">
@@ -282,7 +282,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.3.2 Section -->
-    <section class="changelog-section">
+    <section id="v0-3-2" class="changelog-section">
       <div class="container">
         <div class="version-card">
           <div class="version-header">
@@ -333,7 +333,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.3.1 Section -->
-    <section class="changelog-section">
+    <section id="v0-3-1" class="changelog-section">
       <div class="container">
         <div class="version-card">
           <div class="version-header">
@@ -374,7 +374,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.3.0 Section -->
-    <section class="changelog-section">
+    <section id="v0-3-0" class="changelog-section">
       <div class="container">
         <div class="version-card">
           <div class="version-header">
@@ -431,7 +431,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.2.1 Section -->
-    <section class="changelog-section">
+    <section id="v0-2-1" class="changelog-section">
       <div class="container">
         <div class="version-card">
           <div class="version-header">
@@ -489,7 +489,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.2.0 Section -->
-    <section class="changelog-section">
+    <section id="v0-2-0" class="changelog-section">
       <div class="container">
         <div class="version-card">
           <div class="version-header">
@@ -702,7 +702,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.1.1 Section -->
-    <section class="changelog-section">
+    <section id="v0-1-1" class="changelog-section">
       <div class="container">
         <div class="version-card version-latest">
           <div class="version-header">
@@ -759,7 +759,7 @@ import BaseLayout from '../layouts/BaseLayout.astro';
     </section>
 
     <!-- v0.1.0 Section -->
-    <section class="changelog-section section-alt">
+    <section id="v0-1-0" class="changelog-section section-alt">
       <div class="container">
         <div class="version-card">
           <div class="version-header">
@@ -844,6 +844,10 @@ import BaseLayout from '../layouts/BaseLayout.astro';
   .changelog-section {
     padding: var(--space-xl) 0;
   }
+
+  .changelog-section[id] {
+    scroll-margin-top: calc(var(--space-2xl) + 80px);
+  }
   
   .section-alt {
     background: var(--color-bg-secondary);