Portfolio page redesign

[JonRay15]

Story

As a user
I want a single place that I can go and manage all my assets
So that I know what i have, and can deposit and swap assets easily

Acceptance Criteria

• There is a feature flag so we can not publish the new page until ready
• The portfolio page is now split into 4 components
  • Asset breakdown
  • Actions panel (deposits / transfers / withdrawals / ledger entries)
  • Positions
  • Transaction list
• These might vary in size and position, but for now lets assume they're just quarters and adjust from there based on size required / look and feel

So like

Or

ETC

Asset breakdown

• For now display "Coming soon" in a panel
• The change is ticketed in Asset breakdown in portfolio page & sidebar #6110

Action panel

• There is an action panel containing deposits, transfers, withdrawals, and ledger entries
• There is a toggle to swap you between these functions
• In the asset dropdown on each form we are using the asset icon (ask @edd for details)
• When you click on "View withdrawals" on the toast it should take you to the portfolio page and should set the action panel to the withdrawal action.
• Therefore we need to have a route for each action that users may need to do so that we can always direct people to this page with the relevant action popped up.

Positions

• Show the existing portfolio table across all assets
• So the normal tabs for
  • Positions
  • Orders
  • Fills
  • Funding payments
• Revisit whether we want this to show across all keys which I think it currently does?

Transaction list

• Ticketed in Transaction list in portfolio #6101
• Display "Coming soon" for now

Sketch

Miro: https://miro.com/app/board/uXjVOs_PBKk=/

Additional details / background info