Move data processing to the browser for better responsivness and privacy

src/routes/private/events/creator/+page.svelte

@@ -3,7 +3,7 @@
   import StepCraftEmail from "./steps/StepCraftEmail.svelte";
   import StepCreateEvent from "./steps/StepCreateEvent.svelte";
   import StepOverview from "./steps/StepOverview.svelte";
-  import StepUploadFiles from "./steps/StepUploadFiles.svelte";
+	import StepUploadParticipants from "./steps/StepUploadParticipants.svelte";
 
   let { data, form } = $props();
 
@@ -13,8 +13,8 @@
   let authorized = $state(false);
 
   $effect(() => {
-    if (form && form.new_event) {
-      event = form.new_event;
+    if (form && form.event) {
+      event = form.event;
     }
     if (form && form.participants) {
       participants = form.participants;
@@ -25,7 +25,7 @@
   const steps = [
     StepConnectGoogle,
     StepCreateEvent,
-    StepUploadFiles,
+    StepUploadParticipants,
     StepCraftEmail,
     StepOverview
   ];
@@ -78,9 +78,9 @@
 {#if step == 0}
   <StepConnectGoogle bind:authorized />
 {:else if step == 1}
-  <StepCreateEvent {event} />
+  <StepCreateEvent bind:event />
 {:else if step == 2}
-  <StepUploadFiles {participants} />
+  <StepUploadParticipants bind:participants />
 {:else if step == 3}
   <StepCraftEmail bind:email />
 {:else if step == 4}