Improved UX for the creation flow

src/routes/private/creator/steps/StepConnectGoogle.svelte

@@ -2,8 +2,9 @@
 	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
 
+	export let authorized = false;
+
 	let refreshToken = '';
-	let authorized = false;
 	let loading = true;
 
 	let to = '';
@@ -32,22 +33,6 @@
 	/* ⇢ redirects straight to Google via server 302 */
 	const connect = () => goto('/private/api/gmail?action=auth');
 
-	async function sendEmail() {
-		const r = await fetch('/private/api/gmail', {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({
-				action: 'send',
-				to,
-				subject,
-				text: body,
-				refreshToken
-			})
-		});
-		r.ok ? alert('Sent!') : alert(await r.text());
-		to = subject = body = '';
-	}
-
 	async function disconnect() {
 		if (!confirm('Disconnect Google account?')) return;
 		await fetch('/private/api/gmail', {

src/routes/private/creator/steps/StepOverview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	let { new_event, participants, subject, body } = $props();
+	let { new_event, participants, subject, body, stepConditions } = $props();
 </script>
 
 <!-- New Event Overview -->
@@ -41,22 +41,22 @@
 	class="mt-4 w-full rounded bg-blue-600 px-4 py-3 font-bold text-white
     transition-colors duration-200 hover:bg-blue-700
     disabled:cursor-not-allowed disabled:bg-gray-300 disabled:text-gray-500"
-	disabled={!new_event?.name || !participants?.length || !subject || !body}
+	disabled={!stepConditions.every(Boolean)}
 >
 	Generate QR codes and send
 </button>
 
 <div class="mt-2 space-y-1">
-	{#if !new_event?.name}
+	{#if !stepConditions[0]}
 		<p class="text-sm text-red-500">Please provide an event name before proceeding.</p>
 	{/if}
-	{#if !participants?.length}
+	{#if !stepConditions[1]}
 		<p class="text-sm text-red-500">Please add at least one participant before proceeding.</p>
 	{/if}
-	{#if !subject}
+	{#if !stepConditions[2]}
 		<p class="text-sm text-red-500">Please provide an email subject before proceeding.</p>
 	{/if}
-	{#if !body}
+	{#if !stepConditions[3]}
 		<p class="text-sm text-red-500">Please provide an email body before proceeding.</p>
 	{/if}
 </div>