New way to add all tokens to Metamask

[sidko]

Current Problem Users who use the exchange need to add their social money tokens one at a time. This is time confusing, complicated, and hard to do even for experienced users (also, we don't make it easy to see the token address on our apps).

Describe the solution you'd like Dan Finley at Metamask tweeted about this: https://metamask.github.io/metamask-docs/Best_Practices/Registering_Your_Token. Seems like we can implement this on our end. Let's start with the exchange and then add to the app.

On the exchange front, we can add all social money token that are traded on the exchange to their MetaMask.

Additional context https://github.com/estebanmino/EIPs/blob/master/EIPS/eip-747.md Dan Finley's tweet: https://twitter.com/DanFinlay3/status/1225117719344734209

CC @rachel-tryroll to help with a quick design of the button here. @marlon-wiprud we may need to check if the uses has connected their MetaMask and only then show the button.

[rachel-tryroll]

2 Entry points 1 Learn More Modal 3 Screen States

1. Entry point 1 - When connecting a MetaMask Wallet
2. Entry point 2 - Once the wallet is already connected "Configure" wallet
3. Learn More Modal Screen
4. Screen State 1 - Default State
5. Screen State 2 - Select All
6. Screen State 3 - Select Some with Hover State

Screen Wires

@sidko @brevityy these are ready for review

[sidko]

Demo shared by Dan: https://vittominacori.github.io/watch-token/detail.html?address=0x4057950247e4ec8dc7fe399ec19ea43e80b931c8&network=mainnet&logo=http%3A%2F%2Fdanfinlay.com%2Fpics%2Favatar%2F64.jpg and the source code sample

Docs: https://docs.metamask.io/guide/registering-your-token.html#code-free-example