feat(dashboard): add news

Catalogger.Frontend/src/routes/Message.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import type { NewsMessage } from "$lib/api";
+	import {
+		Card,
+		CardBody,
+		CardFooter,
+		CardText,
+	} from "@sveltestrap/sveltestrap";
+	import { DateTime } from "luxon";
+
+	export let message: NewsMessage;
+
+	$: postedAt = DateTime.fromISO(message.posted_at).toLocaleString(
+		DateTime.DATETIME_MED,
+	);
+	$: editedAt = message.edited_at
+		? DateTime.fromISO(message.edited_at).toLocaleString(DateTime.DATETIME_MED)
+		: null;
+</script>
+
+<Card>
+	<CardBody>
+		<CardText>{message.content}</CardText>
+	</CardBody>
+	<CardFooter>
+		From {message.author} &bull; Posted {postedAt}
+		{#if editedAt}
+			<p class="text-muted">(edited {editedAt})</p>
+		{/if}
+	</CardFooter>
+</Card>