Links page.

Icons using npm package instead of svgs.

Props and types.

Signed-off-by: Martin Berg Alstad <git@martials.no>

src/components/Footer.astro

@@ -1,9 +1,17 @@
 ---
 import GiteaLink from "./links/GiteaLink.astro"
+import ExternalLink from "./links/ExternalLink.astro"
+import PajamasIcon from "./icons/PajamasIcon.astro"
+import * as m from "@/paraglide/messages"
 const gitUrl = import.meta.env.GIT_URL
+const statusUrl = import.meta.env.STATUS_URL
 ---
 
 <div class="divider"></div>
-<div class="mx-auto py-5">
+<div class="mx-auto py-5 flex flex-col gap-1 items-center">
   <GiteaLink href={gitUrl} />
+  <ExternalLink href={statusUrl} class="flex items-center" title="Status">
+    <PajamasIcon name="pajamas:status-health" class="w-6 h-6 mr-2" />
+    {m.status()}
+  </ExternalLink>
 </div>