dynamic http embeds, kofi button, etc

webui/src/components/KoFiButton.jsx

@@ -0,0 +1,21 @@
+import { useSession } from "../context/SessionContext";
+import { FaCoffee } from "react-icons/fa";
+
+export default function KoFiButton({ text = "Support me on Ko-fi!" }) {
+  const { session } = useSession();
+  const kofiLink = session?.kofi?.link || null;
+
+  if (!kofiLink) return null;
+
+  return (
+    <a
+      href={kofiLink}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="inline-flex items-center w-full px-0.5 py-0.5 text-sm font-medium text-white kofi-animate-bg transition justify-center"
+    >
+      <FaCoffee className="mr-1" />
+      {text}
+    </a>
+  );
+}