add spark blog post

apps/frontend/src/pages/news/article/[slug].vue

@@ -1,7 +1,13 @@
 <script setup lang="ts">
 import { GitGraphIcon, RssIcon } from '@modrinth/assets'
 import { articles as rawArticles } from '@modrinth/blog'
-import { Avatar, ButtonStyled, injectModrinthClient, useFormatDateTime } from '@modrinth/ui'
+import {
+	ArticleBody,
+	Avatar,
+	ButtonStyled,
+	injectModrinthClient,
+	useFormatDateTime,
+} from '@modrinth/ui'
 import { useQuery } from '@tanstack/vue-query'
 import dayjs from 'dayjs'
 import { computed, onMounted } from 'vue'
@@ -169,7 +175,7 @@ onMounted(() => {
 				class="aspect-video w-full rounded-xl border-[1px] border-solid border-button-border object-cover sm:rounded-2xl"
 				:alt="article.title"
 			/>
-			<div class="markdown-body" v-html="article.html" />
+			<ArticleBody :html="article.html" />
 			<h3
 				class="mb-0 mt-4 border-0 border-t-[1px] border-solid border-divider pt-4 text-base font-extrabold sm:text-lg"
 			>

apps/frontend/src/public/news/feed/articles.json

@@ -1,5 +1,12 @@
 {
 	"articles": [
+		{
+			"title": "Modrinth joins Spark Universe",
+			"summary": "The next chapter. What it means and why we think it’s right for Modrinth.",
+			"thumbnail": "https://modrinth.com/news/article/joining-spark-universe/thumbnail.webp",
+			"date": "2026-06-15T14:00:00.000Z",
+			"link": "https://modrinth.com/news/article/joining-spark-universe"
+		},
 		{
 			"title": "Manage servers together",
 			"summary": "Add other users to your server, assign roles, and track what’s changed.",