69 revamp the webapp design

[gonzamontiel]

• [x] [Theme] Change main style, colors, add fonts
• [x] [Dashboard] Add dashboard menu
• [x] [Sidebar] Add icons to buttons / restyle
• [x] [Dashboard] Create portfolio box
• [x] [Dashboard] Include balance changes in portfolio data
• [x] [Dashboard] Make sidebar buttons act like tabs (the selected one should change design). This can be done using MUI Tabs, or manually, whatever results easier given the current layout).
• [x] [TopBar] Change account button. Show name, pendulum address, placeholder profile pic.
• [x] [Dashboard] Create swap view
• [x] [Swap] Show only swap view
• [x] [Bridge] Tune bridge view with new styles
• [x] [Dashboard] Create graphic view (mocked)

Closes #69

[netlify[bot]]

✅ Deploy Preview for determined-khorana-670183 ready!

Name	Link
🔨 Latest commit	5be9e98b0411036c1312804ea1b0edf3c2c04b79
🔍 Latest deploy log	https://app.netlify.com/sites/determined-khorana-670183/deploys/62c550d51d24bd0008f06851
😎 Deploy Preview	https://deploy-preview-70--determined-khorana-670183.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[ebma]

I changed/streamlined the way we use balances by modifying the useRealTimeBalances() hook and fixed a bug that caused an out-of-memory crash of the webpage (which was related to the balance handling). Note: I removed the functionality related to the gain/loss field shown in the Portfolio (the green +0% numbers) because it was too complex for what it's used for. I'd suggest we re-add this feature once we let the user filter the portfolio changes by day, week, month, etc.

I also changed the Swap view to make it similar to the provided design. @prayagd told me to only focus on the dashboard view for now and ignore the rest because we get other designs for those.