Edit the embedded wallets React builder component. (#2292)

* Edit the React builder component.

Signed-off-by: bgravenorst <byron.gravenorst@consensys.net>

* Typo.

Signed-off-by: bgravenorst <byron.gravenorst@consensys.net>

---------

Signed-off-by: bgravenorst <byron.gravenorst@consensys.net>

Author: bgravenorst

src/pages/quickstart/builder/embedded-wallets/react/stepContent/config.mdx

@@ -1,9 +1,11 @@
 ### Configure Web3Auth
 
-Create a basic config for Web3Auth and pass the `clientId` & `web3AuthNetwork` from your Web3Auth Dashboard Project Settings.
+Create a basic Web3Auth configuration and pass the client ID and network details from your project
+settings in the Web3Auth dashboard.
 
 :::info
 
-This is where you can also configure any major settings of your integration as well. Visit our [**configuration section**](/embedded-wallets/sdk/react) of the sdk reference to learn more about the different options available.
+Configure other major settings here as needed.
+See the [configuration section](/embedded-wallets/sdk/react/advanced/) for available options.
 
 :::

src/pages/quickstart/builder/embedded-wallets/react/stepContent/installation.mdx

@@ -1,6 +1,6 @@
-### Install MetaMask Embedded Wallet SDK
+### Install MetaMask Embedded Wallets SDK
 
-Install the Web3Auth React SDK package in your project.
+Install the MetaMask Embedded Wallets SDK (Web3Auth) package in your project.
 
 Additionally, for blockchain calls, we're using `wagmi` for this example.
 

src/pages/quickstart/builder/embedded-wallets/react/stepContent/login.mdx

@@ -1,3 +1,5 @@
-### Logging in your User
+### Sign in the user
 
-Use the `useWeb3AuthConnect` hook to get access to the login functionality. The modal will prompt the user to login with their wallet and handle the authentication for you.
+Use the [`useWeb3AuthConnect` hook](/embedded-wallets/sdk/react/hooks/useWeb3AuthConnect) to access
+the login functionality. The modal prompts the user to sign in with their wallet and
+handles the authentication.

src/pages/quickstart/builder/embedded-wallets/react/stepContent/logout.mdx

@@ -1,9 +1,11 @@
-### Log the user out
+### Sign out the user
 
-Use the `useWeb3AuthDisconnect` hook to log the user out. This will also delete the session information from the local storage of the browser.
+Use the [`useWeb3AuthDisconnect` hook](/embedded-wallets/sdk/react/hooks/useWeb3AuthDisconnect) to
+sign out the user. This also clears the session information from the browser's local storage.
 
 :::info
 
-There are multiple other hooks available in the Web3Auth React SDK. Visit our [**hooks section**](/embedded-wallets/sdk/react/hooks) of the sdk reference to learn more about the different hooks available.
+The React SDK provides additional hooks.
+See the [hooks reference](/embedded-wallets/sdk/react/hooks) for more information.
 
 :::

src/pages/quickstart/builder/embedded-wallets/react/stepContent/reactBundlerIssues.mdx

@@ -1,11 +1,13 @@
 ### Troubleshooting
 
-While using any web3 library in React, you may run into issues building. This issue occurs because some core packages like `eccrypto` have certain dependencies which are not present within the browser build environment.
+When using web3 libraries in React, you may encounter build errors. This happens because some packages
+(for example, `eccrypto`) depend on Node.js modules that aren't available in the browser build
+environment.
 
-To solve this, please have a look at our troubleshooting pages about [Vite Issues](/troubleshooting/vite-issues)
+To resolve these errors, see the [Vite issues](/embedded-wallets/troubleshooting/vite-issues/) page.
 
 :::info
 
-If you face any problem anytime, you can always find help in the [**Web3Auth Community**](https://web3auth.io/community/c/help-pnp/pnp-web/7).
+If you need help, visit the [**Web3Auth community**](https://web3auth.io/community/c/help-pnp/pnp-web/7).
 
 :::

src/pages/quickstart/builder/embedded-wallets/react/stepContent/reactQuickStart.mdx

@@ -1,9 +1,15 @@
-### MetaMask Embedded Wallets Quick Start
+### MetaMask Embedded Wallets React quickstart
 
-Add social login and wallet connection functionality to your React app using the MetaMask Embedded Wallet SDKs.
+Add social login and wallet connection functionality to your React app with the MetaMask
+Embedded Wallets SDK (Web3Auth).
 
-Clone the Quick Start in your terminal.
+To view the quickstart for a different platform, select the dropdown in the menu bar and choose
+your target platform. For example, Android, Flutter, Angular, iOS,and others.
+
+Clone the quickstart:
 
 ```bash
 npx degit Web3Auth/web3auth-examples/quick-starts/react-quick-start w3a-quick-start
 ```
+
+If you need help, visit the [Web3Auth community](https://web3auth.io/community/).

src/pages/quickstart/builder/embedded-wallets/react/stepContent/setupWagmiProvider.mdx

@@ -1,9 +1,12 @@
-### Setup Wagmi Provider
+### Set up the Wagmi provider
 
-Since we're using `wagmi` for this example, we need to setup the `WagmiProvider` component. Please use the `WagmiProvider` component from `@web3auth/modal/react/wagmi` to wrap your application.
+Since this example uses `wagmi`, wrap your app with the `WagmiProvider` from
+`@web3auth/modal/react/wagmi`.
 
 ```tsx
 import { WagmiProvider } from '@web3auth/modal/react/wagmi'
 ```
 
-> Apart from that, the standard wagmi setup is being used. You do not need to create any wagmi config, since the Web3Auth config is being used directly. Refer to the [wagmi docs](https://wagmi.sh/react/getting-started) for more information.
+This example uses the standard Wagmi setup. You don't need to create a Wagmi config; the Web3Auth
+config is used directly. See the [Wagmi docs](https://wagmi.sh/react/getting-started) for more
+information.

src/pages/quickstart/builder/embedded-wallets/react/stepContent/setupWeb3AuthProvider.mdx

@@ -1,3 +1,4 @@
-### Setup Web3Auth Provider
+### Set up the Web3Auth provider
 
-To enable the hooks across your application, you need to wrap your application with the `Web3AuthProvider` component. This involves using the configuration created in the previous step.
+Wrap your app with the `Web3AuthProvider` to enable hooks across your application. Use the configuration
+from the previous step.

src/pages/quickstart/builder/embedded-wallets/react/stepContent/wagmiCalls.mdx

@@ -1,15 +1,15 @@
-### Making Blockchain Calls
+### Make blockchain calls
 
-Since Wagmi is configured in this application, you can directly use the wagmi hooks to make blockchain calls. We have demonstrated some commonly used hooks like `useBalance`, `useAccount`, `useSignMessage`, `useSendTransaction` and `useSwitchChain`.
+Because Wagmi is configured in this application, you can use Wagmi hooks to make
+blockchain calls. This example demonstrates common hooks:
+`useBalance`, `useAccount`, `useSignMessage`, `useSendTransaction`, and `useSwitchChain`.
 
-:::info
+See the [Wagmi documentation](https://wagmi.sh/react/api/hooks) for more information on the
+hooks.
 
-You can refer to the [**wagmi docs**](https://wagmi.sh/react/api/hooks) for more information on the hooks.
+:::tip Connect any blockchain
 
-:::
-
-:::tip Other Blockchains
-
-Web3Auth supports all blockchains. Have a look at our [Connect Blockchain](/connect-blockchain/) section of the documentation and choose your blockchain to get started.
+Refer to the [blockchain documentation](/embedded-wallets/connect-blockchain)
+to learn more about making calls on any supported blockchain.
 
 :::