UX improvements for the final step.

.github/copilot-instructions.md

@@ -83,4 +83,6 @@ Avoid non-reactive variables; if a value affects the UI, use a rune.
 NEVER $: label syntax; use $state(), $derived(), and $effect().
 
 If you want to use supabse client in the browser, it is stored in the data
-variable obtained from let { data } = $props();
+variable obtained from let { data } = $props();
+
+Using `on:click` to listen to the click event is deprecated. Use the event attribute `onclick` instead