feat: add dark theme, matrix and FA link, fix inline SVG aria label

src/components/external-link.astro

@@ -1,12 +1,20 @@
 ---
-const { ariaLabel, cssClass, href } = Astro.props;
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"a"> {
+  cssClass: string;
+  href: string;
+  title: string;
+}
+
+const { cssClass, href, title } = Astro.props;
 ---
 
 <a
-  aria-label={ariaLabel}
   class:list={[
     cssClass,
-    "flex min-w-full items-center gap-4 rounded px-6 py-2 text-lg sm:px-24",
+    "flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg sm:px-24",
   ]}
-  {href}><slot /></a
+  {href}
+  {title}><slot name="logo" /><slot /></a
 >

src/components/inline-svg.astro

@@ -0,0 +1,12 @@
+---
+import type { SvgComponent } from "astro/types";
+
+interface Props {
+  SvgComponent: SvgComponent;
+  svgSize?: number;
+}
+
+const { SvgComponent, svgSize = 24 } = Astro.props;
+---
+
+<SvgComponent height={svgSize} width={svgSize} role="presentation" />