stop changelog from bumping the page when loading

src/components/technical/ChangelogComponent.vue

@@ -7,12 +7,14 @@
       <Nail/>
     </div>
     <h1>Changelog</h1>
+    <div class="changelog-list">
       <div class="changelog-entry" v-for="release in releases">
         <hr>
         <h2><span>Version {{ release.name }}</span><small class="date">{{ timeFormat.format(release.createdAt) }}</small></h2>
         <pre>{{ release.body }}</pre>
       </div>
     </div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -63,11 +65,14 @@ export default defineComponent({
   padding-block: 3rem;
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: flex-start;
   align-items: center;
   gap: 1rem;
   max-width: 45rem;
+  min-height: 30rem;
+  max-height: 30rem;
   width: 100%;
+  overflow-y: auto;
 
   h1 {
     font-size: 3rem;
@@ -76,6 +81,16 @@ export default defineComponent({
     text-align: center;
   }
 
+  .changelog-list {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    gap: 1rem;
+    width: 100%;
+    overflow-y: auto;
+  }
+
   .changelog-entry {
     width: 100%;