Show loading spinners for form actions and page loads

web-app/src/routes/(anonymous)/login/+page.svelte

@@ -2,13 +2,29 @@
   import { enhance } from "$app/forms";
   import SuccessOrError from "$lib/components/SuccessOrError.svelte";
   import type { ActionData } from "./$types";
+  import LoadingSpinner from "$lib/components/LoadingSpinner.svelte";
 
   const { form }: { form: ActionData } = $props();
+
+  let sending = $state(false);
 </script>
 
 <SuccessOrError success={form?.success} message={form?.message} />
 
-<form method="POST" use:enhance>
+{#if sending}
+  <LoadingSpinner />
+{/if}
+
+<form
+  method="POST"
+  use:enhance={() => {
+    sending = true;
+    return async ({ update }) => {
+      await update();
+      sending = false;
+    };
+  }}
+>
   <label>
     Username:
     <input type="text" name="username" required />