rework old pubnix pr

src/lib/Form/Captcha.svelte

@@ -0,0 +1,19 @@
+<script>
+    import HCaptcha from "svelte-hcaptcha";
+	import { Note } from "$lib/Form";
+
+    let submit = false;
+
+    let showSubmitButton = () => {
+        submit = !submit;
+    };
+</script>
+
+<Note content="The submit button will be visible when you complete the Captcha." icon="i-fa6-solid:circle-info" />
+<HCaptcha
+    sitekey="67e84266-980c-4050-8a39-142a91928fe8"
+    on:success={showSubmitButton}
+/>
+{#if submit}
+    <input type="submit" value="Submit" class="form-button" />
+{/if}

src/lib/Form/Note.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+    export let content: string;
+    export let icon: string;
+</script>
+
+<div class="note">
+    {#if icon}
+        <div class={icon} />
+    {/if}
+    <b>{content}</b>
+</div>
+
+<style>
+    .note {
+		display: flex;
+		align-items: center;
+		gap: 4px;
+	}
+</style>

src/lib/Form/index.ts

@@ -0,0 +1,2 @@
+export { default as Note } from "./Note.svelte";
+export { default as Captcha } from "./Captcha.svelte";