docs(solid-query): fix incorrect Vue.js code example in Suspense guide (#9813)

* docs(solid-query): fix incorrect Vue.js code example in Suspense guide

Replace Vue.js code example with proper SolidJS syntax in the Suspense documentation.
The example was using Vue's defineComponent and setup() instead of SolidJS patterns.

Fixes issue with non-existent useSuspenseQuery examples in Solid Query docs.

* fix: use idiomatic SolidJS pattern for Suspense

Remove unnecessary createEffect and rely on direct query.data access.
According to TanStack Query Solid docs, accessing query.data directly
inside a Suspense boundary automatically triggers suspension.

Addresses CodeRabbit AI feedback for proper SolidJS patterns.

Author: Varunchandrashekar05

docs/framework/solid/guides/suspense.md

@@ -16,25 +16,24 @@ import { Suspense } from 'solid-js'
 
 You can use async `suspense` function that is provided by `solid-query`.
 
-```vue
-<script>
-import { defineComponent } from 'vue'
+```tsx
 import { useQuery } from '@tanstack/solid-query'
 
 const todoFetcher = async () =>
   await fetch('https://jsonplaceholder.cypress.io/todos').then((response) =>
     response.json(),
   )
-export default defineComponent({
-  name: 'SuspendableComponent',
-  async setup() {
-    const { data, suspense } = useQuery(() => ['todos'], todoFetcher)
-    await suspense()
-
-    return { data }
-  },
-})
-</script>
+
+function SuspendableComponent() {
+  const query = useQuery(() => ({
+    queryKey: ['todos'],
+    queryFn: todoFetcher,
+  }))
+
+  // Accessing query.data directly inside a <Suspense> boundary
+  // automatically triggers suspension until data is ready
+  return <div>Data: {JSON.stringify(query.data)}</div>
+}
 ```
 
 ## Fetch-on-render vs Render-as-you-fetch