renamed changelog to updates and moved link

src/lib/components/update-entry.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    export interface ChangelogEntry {
+    export interface UpdateEntry {
         date: string;
         time: string;
 
@@ -10,48 +10,48 @@
     let {
         entry,
     }: {
-        entry: ChangelogEntry;
+        entry: UpdateEntry;
     } = $props();
 </script>
 
-<div class="changelog-entry">
-    <div class="changelog-entry-timestamp-container">
+<div class="update-entry">
+    <div class="update-entry-timestamp-container">
         <span>{entry.date}</span>
-        <span class="changelog-entry-timestamp-comma">,&nbsp;</span>
+        <span class="update-entry-timestamp-comma">,&nbsp;</span>
         <span>{entry.time}</span>
     </div>
-    <span class="changelog-entry-timestamp-divider">::</span>
+    <span class="update-entry-timestamp-divider">::</span>
     <p>
         {entry.content}
         {#if entry.link}
-            <a class="changelog-entry-link" href="{entry.link}">»</a>
+            <a class="update-entry-link" href="{entry.link}">»</a>
         {/if}
     </p>
 </div>
 
 <style>
-    .changelog-entry * {
+    .update-entry * {
         margin: 0;
     }
 
-    .changelog-entry {
+    .update-entry {
         display: flex;
         flex-direction: row;
         gap: 8px;
         margin: 4px 0;
     }
 
-    .changelog-entry p {
+    .update-entry p {
         font-size: 1.0rem;
         line-height: 1.3rem;
     }
 
-    .changelog-entry-timestamp-container {
+    .update-entry-timestamp-container {
         display: flex;
         flex-direction: row;
     }
 
-    .changelog-entry-timestamp-container *, .changelog-entry-timestamp-divider {
+    .update-entry-timestamp-container *, .update-entry-timestamp-divider {
         font-family: var(--font-mono);
         font-size: 0.8rem;
         line-height: 1.3rem;
@@ -60,7 +60,7 @@
         min-width: fit-content;
     }
 
-    .changelog-entry-link {
+    .update-entry-link {
         font-family: var(--font-mono);
         font-size: 1.2rem;
         color: var(--color-highlight);
@@ -68,19 +68,19 @@
         line-height: 1.3rem;
     }
 
-    .changelog-entry-link:hover {
+    .update-entry-link:hover {
         font-weight: 700;
     }
 
     @media screen and (max-width: 550px) {
         /* Align timestamp texts vertically */
-        .changelog-entry-timestamp-container {
+        .update-entry-timestamp-container {
             flex-direction: column;
             align-items: end;
         }
 
         /* Hide separating comma */
-        .changelog-entry-timestamp-comma {
+        .update-entry-timestamp-comma {
             display: none;
         }
     }