Add loading state to setup page

src/routes/setup/+page.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
   import { enhance } from "$app/forms";
+
+  let loading = false;
 </script>
 
 <h1 class="text-center font-bold text-4xl">AdventureLog Setup</h1>
@@ -9,6 +11,7 @@
   Welcome to AdventureLog! Please follow the steps below to setup your server.
 </p>
 
+{#if !loading}
   <!-- step 1 create admin user -->
   <h2 class="text-center font-bold text-2xl mt-6">Create Admin User</h2>
 
@@ -42,6 +45,13 @@
       <button class="py-2 px-4 btn btn-primary">Signup and Setup Server</button>
     </form>
   </div>
+{/if}
+
+{#if loading}
+  <div class="flex justify-center items-center w-full mt-16">
+    <span class="loading loading-spinner w-24 h-24"></span>
+  </div>
+{/if}
 
 <svelte:head>
   <title>Setup | AdventureLog</title>