Connect wallet feature (BLOCKED)

[pablomendezroyo]

UIX improvement

This PR aims to facilitate to the user how to connect his/her wallet to any RPC endpoint of a package. Right now the procedure is:

• Get the RPC endpoint from the package view
• Get the chain ID of the blockchain app
• Open a wallet provider such as metamask and create a new network based on these values

Ideally, the user would just need to click a button and a new pop-up from metamask would get into action asking to add a new network called "DAppNode geth" or similar with all those values already fulfilled. This is possible to achieve with switchEthereumChain and addEthereumChain from the Metamask API: https://docs.metamask.io/guide/rpc-api.html#usage-with-wallet-switchethereumchain

The result should look something similar to

Blockers

• No possible to add a new network with a chain ID mark as "default" by Metamask: Ethereum mainnet (0x1), Rinkeby (0x4), Goerli (0x5), Ropsten (0x3) and Koban()
• Not possible to use RPC urls without HTTPS. Can be solved with HTTPS portal

Upstream discussion:

• API for dapp to request network change MetaMask/metamask-extension#5101
• Metamask still does not have a consistent way of switching networks.  MetaMask/metamask-extension#10597

[github-actions]

🚀 Deployed on https://638631aad355a434e5b5b4c5--objective-borg-9eeae5.netlify.app

[github-actions]

DAppNode bot has built and pinned the release to an IPFS node, for commit: 4162db2

This is a development version and should only be installed for testing purposes, install link

/ipfs/QmbPqsXRYCrak8XjTZmJq2hxvxmoZ3NrtESSu5oBwv84Rb

(by dappnodebot/build-action)