refactor(ManyGroups): use $props for prop destructuring

Refactor prop declarations to use $props() for destructuring foo, bar, baz, qux, and quux. This improves consistency with Svelte 5 conventions and simplifies prop management.

Author: brodienguyen

packages/svelte5/test-app/Pages/DeferredProps/ManyGroups.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
   import { Deferred, inertia } from '@inertiajs/svelte5'
 
-  export let foo: { text: string } | undefined
-  export let bar: { text: string } | undefined
-  export let baz: { text: string } | undefined
-  export let qux: { text: string } | undefined
-  export let quux: { text: string } | undefined
+  const { foo, bar, baz, qux, quux }: {
+    foo?: { text: string };
+    bar?: { text: string };
+    baz?: { text: string };
+    qux?: { text: string };
+    quux?: { text: string };
+  } = $props()
 </script>
 
 <Deferred data="foo">