Imrove Web3Auth MetaMask Integration (#2062)

* Add screenshot as per other guide
* Add hyperlink to main page
* Address both SDKs point.

Author: shahbaz17

sdk/_assets/quickstart-web3auth.png

@@ -34,4 +34,5 @@ You can get started quickly with the following dapp platforms:
 - [JavaScript + Wagmi (recommended)](quickstart/javascript-wagmi.md)
 - [JavaScript](quickstart/javascript.md)
 - [Dynamic SDK integration](quickstart/javascript-dynamic.md)
+- [Web3Auth SDK integration](quickstart/javascript-web3auth.md)
 - [React Native](quickstart/react-native.md)

sdk/introduction/welcome.md

@@ -1,6 +1,6 @@
 ---
 sidebar_label: Web3Auth SDK integration
-description: MetaMask + Web3Auth SDK Integration
+description: Quickstart guide for using MetaMask SDK and Web3Auth SDK.
 toc_max_heading_level: 2
 ---
 
@@ -9,9 +9,13 @@ toc_max_heading_level: 2
 Get started with MetaMask SDK and [Web3Auth SDK](https://web3auth.io/docs/).
 You can set up the SDKs in the following ways:
 
-- [Quickstart template](#set-up-using-a-template) - Clone the template to set up a Next.js and Web3Auth dapp with both SDKs.
+- [Quickstart template](#set-up-using-a-template) - Clone the template to set up a Next.js and Web3Auth dapp that uses MetaMask SDK.
 - [Manual setup](#set-up-manually) - Set up Web3Auth SDK in an existing dapp.
 
+<p align="center">
+  <img src={require("../_assets/quickstart-web3auth.png").default} alt="Web3Auth SDK Quickstart" width="450px" />
+</p>
+
 Features include:
 
 - **MetaMask SDK built into Web3Auth** - Use MetaMask SDK features directly within the Web3Auth SDK.