ball: change order of props

Use the same order as typical on the user side.

src/lib/Ball.svelte

@@ -5,18 +5,18 @@
   import type { Snippet } from 'svelte';
 
   interface Props {
+    title?: string;
     value: number;
-    action?: any;
     active: boolean;
-    title?: string;
+    action?: any;
     children?: Snippet;
   }
 
   let {
+    title = '',
     value,
-    action = () => {},
     active,
-    title = '',
+    action = () => {},
     children,
   }: Props = $props();