fix: build errors and merging projects and homepage

src/routes/blog/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
+	import { resolve } from '$app/paths';
 
 	let { data } = $props();
 
@@ -8,13 +9,15 @@
 
 <div class="text-center py-8 gap-2 flex align-center justify-center">
 	<h1 class="text-2xl">Blog (Stan's yapping corner)</h1>
-	<button onclick={() => createNewArticlePopup = true} class="bg-gray-800 rounded px-4 py-2 text-white font-bold">Write new article</button>
+	<button
+		onclick={() => (createNewArticlePopup = true)}
+		class="bg-gray-800 rounded px-4 py-2 text-white font-bold">Write new article</button
+	>
 </div>
 
-
-{#each data.blogArticles as article}
+{#each data.blogArticles as article (article.slug)}
 	<div class="flex">
-		<a href="/blog/${article.slug}">{article.title}</a>
+		<a href={resolve('/blog/{slug}', { slug: article.slug })}>{article.title}</a>
 		<p>{article.createdAt?.toDateString()}</p>
 	</div>
 {/each}