moved project n5 devlog data over from Map to custom DevlogPostLink data type

src/routes/projects/projectn5/+page.svelte

@@ -1,17 +1,20 @@
 <script lang="ts">
     import Banner2 from "$lib/banner2.svelte";
     import Content from "$lib/viewport/content.svelte";
-    import { posts, type DevlogPost } from "./devlog/posts";
+    import { posts, type DevlogPost, type DevlogPostLink } from "./devlog/posts";
     import Gallery, { type GalleryEntry } from "$lib/lists/gallery.svelte";
-    import type { PageProps } from "./$types";
 
-    // let {
-    //     entries,
-    // }: {
-    //     entries: GalleryEntry[];
-    // } = $props();
+    let entries = posts.map(mapEntries);
 
-    let { data }: PageProps = $props();
+    function mapEntries(entry: DevlogPostLink, index: number): GalleryEntry {
+        return {
+            title: `${entry.post.title}`,
+            subtitle: `#${posts.length - index} // ${entry.post.date}`,
+            img: `/projects/projectn5/devlog/${entry.key}/preview.webp`,
+            link: `/projects/projectn5/devlog/${entry.key}/`,
+            imgAlt: `Preview image for ${entry.post.title}`,
+        };
+    }
 
     // Leftpads a single-digit number to two digits
     function leftpad(n: number): String {
@@ -39,5 +42,5 @@
 
     <p>Development log entries in reverse chronological order (newest to oldest).</p> 
 
-    <Gallery entries={data.entries} reverseTextOrder />
+    <Gallery {entries} reverseTextOrder />
 </Content>