Styling of creator finished

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

@@ -2,11 +2,20 @@
 	import { enhance } from '$app/forms';
 
 	let { events, new_event } = $props();
+	let loading = $state(false);
 
+	function handleEnhance() {
+		loading = true;
+
+		return async ({ update }) => {
+			await update();
+			loading = false;
+		};
+	}
 </script>
 
 
-<form method="POST" action="?/create" use:enhance class="flex flex-col space-y-4 bg-white p-8 rounded border border-gray-300 w-full shadow-none">
+<form method="POST" action="?/create" use:enhance={handleEnhance} class="flex flex-col space-y-4 bg-white p-8 rounded border border-gray-300 w-full shadow-none">
   <h2 class="text-2xl font-semibold text-center mb-4">Create Event</h2>
   <label class="flex flex-col text-gray-700">
     Name
@@ -43,7 +52,15 @@
   </button>
 </form>
 
-{#if Object.keys(new_event).length > 0}
+{#if Object.keys(new_event).length === 0}
+  <div class="mt-4 rounded border-l-4 border-gray-500 bg-gray-100 p-4 text-gray-700">
+    {#if loading}
+      <strong>Loading...</strong>
+    {:else}
+      <strong>No event created yet...</strong>
+    {/if}
+  </div>
+{:else}
   <div class="rounded border-l-4 border-green-500 bg-green-100 p-4 text-green-700 mt-4">
     <ol>
       <li><strong>{new_event.name}</strong></li>