Add StackBlitz code preview

Fixes #2199

Author: shahbaz17

sdk/connect/javascript-dynamic.md

@@ -211,3 +211,7 @@ Common issues and solutions include:
   - Test on actual mobile devices.
   - Verify redirect URLs.
   - Check MetaMask mobile app installation.
+
+## Live example
+
+<iframe className="mt-6" width="100%" height="600px" frameBorder="0" src="https://stackblitz.com/github/MetaMask/metamask-sdk-examples/tree/main/partners/dynamic?ctl=1&embed=1&file=app%2Fproviders.tsx&hideNavigation=1"></iframe>

sdk/connect/javascript-wagmi.md

@@ -188,3 +188,7 @@ After completing the basic setup, you can follow these guides to add your own fu
 - [Manage networks](../guides/manage-networks.md)
 - [Handle transactions](../guides/handle-transactions.md)
 - [Interact with smart contracts](../guides/interact-with-contracts.md)
+
+## Live example
+
+<iframe className="mt-6" width="100%" height="600px" frameBorder="0" src="https://stackblitz.com/github/MetaMask/metamask-sdk-examples/tree/main/quickstarts/wagmi?ctl=1&embed=1&file=wagmi.config.ts&hideNavigation=1"></iframe>

sdk/connect/javascript-web3auth.md

@@ -214,3 +214,7 @@ export const SendTransaction = () => {
   );
 };
 ```
+
+## Live example
+
+<iframe className="mt-6" width="100%" height="600px" frameBorder="0" src="https://stackblitz.com/github/MetaMask/metamask-sdk-examples/tree/main/partners/web3auth?ctl=1&embed=1&file=app%2Fproviders.tsx&hideNavigation=1"></iframe>

sdk/connect/javascript.md

@@ -186,3 +186,7 @@ const batchResults = await provider.request({
   params: [{ method: 'eth_accounts' }, { method: 'eth_chainId' }],
 })
 ```
+
+## Live example
+
+<iframe className="mt-6" width="100%" height="600px" frameBorder="0" src="https://stackblitz.com/github/MetaMask/metamask-sdk-examples/tree/main/quickstarts/javascript?ctl=1&embed=1&file=src%2Fmain.js&hideNavigation=1"></iframe>