Fix incorrect retrieval of event ID

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

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
+    import { page } from '$app/state';
 
 	let { data } = $props();
 
@@ -7,7 +8,8 @@
 	let loading = $state(true);
 
 	onMount(async () => {
-		const event_id = new URLSearchParams(window.location.search).get('id');
+		const event_id = page.url.searchParams.get('id');
+        
 		if (!event_id) {
 			loading = false;
 			return;

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

@@ -17,7 +17,7 @@
 	let isAddingParticipants = $state(false);
 
 	onMount(async () => {
-		const eventId = page.url.searchParams.get('id');
+		const eventId = page.url.searchParams.get('eventId');
 		if (eventId) {
 			existingEventId = eventId;
 			isAddingParticipants = true;
@@ -74,11 +74,13 @@
 	}
 </script>
 
-<div class="mt-2 mb-4">
-	{#if isAddingParticipants}
-		<h1 class="text-xl font-semibold text-gray-700 text-center">Add Participants to "{event.name}"</h1>
-	{/if}
-</div>
+{#if isAddingParticipants}
+	<div class="mt-2 mb-4">
+		<h1 class="text-center text-xl font-semibold text-gray-700">
+			Adding Participants to "{event.name}"
+		</h1>
+	</div>
+{/if}
 
 {#if step == 0}
 	<StepConnectGoogle bind:authorized />
@@ -106,7 +108,7 @@
 	class="fixed bottom-0 left-0 z-10 flex w-full items-center justify-between gap-4 border-t border-gray-300 bg-white px-4 py-2"
 	style="max-width: 100vw;"
 >
-  <div class="container mx-auto max-w-2xl p-2 flex justify-content-center">
+	<div class="justify-content-center container mx-auto flex max-w-2xl p-2">
 		<button
 			onclick={prevStep}
 			disabled={step === 0}
@@ -115,7 +117,7 @@
 		>
 			Previous
 		</button>
-    <span class="flex-1 flex items-center justify-center text-center font-medium text-gray-600">
+		<span class="flex flex-1 items-center justify-center text-center font-medium text-gray-600">
 			Step {step + 1} of {steps.length}
 		</span>
 		<button