Mobile frontend

[ferostabio]

Implementation of issue https://github.com/Fujicracy/fuji-v2/issues/394

• [x] Undefined wallet
• [x] Onboarding modal
• [x] Two-row header
• [x] web3-onboard text

WIP

[github-actions[bot]]

Please test this PR on: https://v2-staging-396-dot-fuji-306908.ey.r.appspot.com

[ferostabio]

Two quick things I noticed on the overview dialog @NikolaiYurchenko :

• [x] Make all top values right-aligned (they’re currently left-aligned)
• [x] LTVProgressBar looks agreat on the desktop, but in the mobile version, the 0% green percentage is off, way to the left

[ferostabio]

Added a final tweak and it looks good, want to have a peek before merging @brozorec ?

[ferostabio]

I assigned this one to my self so I can't review it 😅

[brozorec]

My feedback:

• [x] onboarding modal
• [x] borrow page: in overview, the $ value of borrow amount is always 1$
• [x] reduce height of the second input of the borrow form and make the LTV recommendation fit on one line
• [x] round up TVL %
• [x] slippage settings don't appear on mobile
• [x] menu: Wallet is stuck to address. Add modal as discussed in Discord (at least temporarily)
• [x] menu: Temporarily hide Transaction history until having designs for it?
• [ ] when I go to my mobile metamask browser and go to my-postions page, the app craches; not sure how to reproduce or inpsect this

[ferostabio]

menu: Wallet is stuck to address. What about Transaction history, do we have any designs for it?

We don't have anything. When the user taps either Wallet or Transaction history, we just hide the modal. I would remove the transaction history for the time being.

[ferostabio]

All fixed, can't reproduce the Metamask one -probably because I tested with a wallet with no positions. Shouldn't have anything to do. Still, adding Sentry will help.

Instead of adding a new modal for the account, I simply added the one we already have. Meaning, we now have the transaction list 🥳.

Give it a try @brozorec !