[in progress] Fix walletconnect integration

[kristiehuang]

• alchemy key needs to get added in '.env.local' in order for Next to pick it up. But in order to work it is exposed to the browser, not sure if this is safe or not lol https://nextjs.org/docs/basic-features/environment-variables#exposing-environment-variables-to-the-browser

• * Display web3modal to give option to connect to walletconnect
• * Test walletconnect connect/disconnect on mainnet. Hm. It also does not work smoothly on Rari dapp, which is what this code is forked from.
  • SBAT: connect via walletconnect. On mobile disconnect, should show disconnected on reload. On dapp disconnect, only stays 'disconnected' on dapp but not actually on wallet.
• not showing ETH balance correctly on walletconnect
• Test walletconnect connect/disconnect on testnet. Walletconnect x Rainbow on testnet not working lol.... But I think this is Rainbow's fault & not my fault. Rainbow testnet walletconnect also doesn't work on Uniswap either
• test transaction walletconnect
• * "Connected to MetaMask/Walletconnect/etc" text update
• * Disconnect -> Change
• add walletconnect icon

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/teamyobot/yobot/FpCUiuyiciqDyDUfapr3DsiMk5UA
✅ Preview: https://yobot-git-kh-walletconnect-teamyobot.vercel.app