refactor(test-app): use $props in Svelte pages

Refactor Svelte test app pages to use $props() for prop extraction instead of export let syntax. This improves consistency and leverages Svelte 5 conventions for props handling.

Author: brodienguyen

packages/svelte5/test-app/Pages/ClientSideVisit/Page1.svelte

@@ -7,12 +7,11 @@
     bar: string
   }
 
-  export let foo: string
-  export let bar: string
+  const { foo, bar }: { foo: string; bar: string } = $props()
 
-  let errors = 0
-  let finished = 0
-  let success = 0
+  let errors = $state(0)
+  let finished = $state(0)
+  let success = $state(0)
 
   const bagErrors = () => {
     router.replace({

packages/svelte5/test-app/Pages/FormComponent/DisableWhileProcessing.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import { Form } from '@inertiajs/svelte5'
-  export let disable: boolean = false
+  const { disable = false }: { disable?: boolean } = $props()
   let url = `/form-component/disable-while-processing/${disable ? 'yes' : 'no'}/submit`
 </script>
 

packages/svelte5/test-app/Pages/History/Page.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
   import { inertia, router } from '@inertiajs/svelte5'
 
-  export let pageNumber
-  export let multiByte
+  const { pageNumber, multiByte } = $props()
 </script>
 
 <a href="/history/1" use:inertia>Page 1</a>

packages/svelte5/test-app/Pages/Links/PartialReloads.svelte

@@ -1,10 +1,7 @@
 <script lang="ts">
   import { inertia } from '@inertiajs/svelte5'
 
-  export let foo = 0
-  export let bar
-  export let baz
-  export let headers
+  const { foo = 0, bar, baz, headers } = $props()
 </script>
 
 <div>

packages/svelte5/test-app/Pages/Visits/PreserveState.svelte

@@ -2,7 +2,7 @@
   import { router } from '@inertiajs/svelte5'
   import { onMount } from 'svelte'
 
-  export let foo = 'default'
+  const { foo = 'default' } = $props()
 
   onMount(() => {
     window._inertia_page_key = crypto.randomUUID()