Create design for Metamask Snap (Web-based Wallet)

[vthunder]

We have the basic functions of Metamask Snap working with Avail (list balance, send, receive, and a few less-used functions), but our UI is very much for testing only. We should have a Web design for a basic wallet. We can keep it simple. For inspiration, here is the Starknet Snap:

The Avail snap will only support AVL transfers, so no need for the "add token" UI. But otherwise we should also have these basic functions:

• Displaying balance and account information (address)
• Send/receive
• Display past transactions
• Network switcher (Goldberg/mainnet in our case)

Not sure what we'd have in the hamburger menu, maybe we don't need it for now.

[cpp-phoenix]

This the Starknet snap link. It can help understand workflow of the snap. https://snaps.consensys.io/starknet

[cpp-phoenix]

@abheektripathy If you haven't started working on it, You can assign it to me.

[cpp-phoenix]

@vthunder @abheektripathy Kindly review the designs.

https://www.figma.com/file/03bs8ccbT7nR1a8KTGTZJ6/Metamask-Avail-Snap-team-library?type=design&node-id=0%3A1&mode=design&t=5gQcjL32P2mcXtuv-1

[vthunder]

Mocks look great, thanks! No notes, let's implement

[vthunder]

Can you submit a PR and add these to the readme? Maybe add the main view as an image with a link to figma for the rest. That way we can get the PR to show up on OnlyDust.

[cpp-phoenix]

@vthunder Kindly review #6

[vthunder]

Thanks!