Add donation component

src/components/Donate.astro

@@ -0,0 +1,42 @@
+---
+import { Icon } from "astro-icon";
+
+/** 
+	Uses https://github.com/natemoo-re/astro-icon#readme
+	Find icons @ https://icones.js.org/
+*/
+const donateLinks: Array<{
+	name: string;
+	friendlyName: string;
+	link: string;
+	isWebmention?: boolean;
+}> = [
+	{
+		name: "liberapay",
+		friendlyName: "Liberapay",
+		link: "https://liberapay.com/Braydofficial",
+		isWebmention: true,
+	},
+];
+---
+
+<div class="flex flex-wrap items-end gap-x-4">
+	<p style="margin-top: 30px;">Unterstütze mich</p>
+	<ul class="flex flex-1 items-center gap-x-2 sm:flex-initial">
+		{
+			donateLinks.map(({ link, name, friendlyName, isWebmention }) => (
+				<li class="flex">
+					<a
+						class="inline-block p-1 sm:hover:text-link"
+						href={link}
+						target="_blank"
+						rel={`noopener noreferrer ${isWebmention ? "me authn" : ""}`}
+					>
+						<Icon class="h-6 w-6" name={name} aria-hidden="true" focusable="false" />
+						<span class="sr-only">{friendlyName}</span>
+					</a>
+				</li>
+			))
+		}
+	</ul>
+</div>