docs(tutorial): update data fetching with welcomepage

documentation/tutorial/essentials/data-fetching/intro/index.md

@@ -23,13 +23,18 @@ Then, we'll pass our data provider to `<Refine />` component in `src/App.tsx` fi
 Try to add the following code to your `src/App.tsx` file:
 
 ```tsx
-// We're also removing the `<WelcomePage />` component from the file.
-import { Refine } from "@refinedev/core";
+import { Refine, WelcomePage } from "@refinedev/core";
 
+// highlight-next-line
 import { dataProvider } from "./providers/data-provider";
 
 export default function App(): JSX.Element {
-  return <Refine dataProvider={dataProvider}></Refine>;
+  return (
+    // highlight-next-line
+    <Refine dataProvider={dataProvider}>
+      <WelcomePage />
+    </Refine>
+  );
 }
 ```
 

documentation/tutorial/essentials/data-fetching/intro/sandpack.tsx

@@ -20,13 +20,17 @@ export const Sandpack = ({ children }: { children: React.ReactNode }) => {
 };
 
 const UpdatedAppTsxCode = /* tsx */ `
-import { Refine } from "@refinedev/core";
+import { Refine, WelcomePage } from "@refinedev/core";
 
 import { dataProvider } from "./providers/data-provider";
 
-export default function App(): JSX.Element {
-  return <Refine dataProvider={dataProvider}></Refine>;
-}
+export default function App() {
+  return (
+    <Refine dataProvider={dataProvider}>
+      <WelcomePage />
+    </Refine>
+  );
+};
 `.trim();
 
 const DataProviderTsCode = /* ts */ `

documentation/tutorial/essentials/intro/sandpack.tsx

@@ -10,16 +10,15 @@ export const Sandpack = ({ children }: { children: React.ReactNode }) => {
 };
 
 const AppTsxCode = /* jsx */ `
-import React from "react";
 import { Refine, WelcomePage } from "@refinedev/core";
 
 export default function App() {
-    return (
-        <Refine>
-            <WelcomePage />
-        </Refine>
-    )
-}
+  return (
+    <Refine>
+      <WelcomePage />
+    </Refine>
+  );
+};
 `.trim();
 
 const BaseAppTsxCode = /* tsx */ `