[Feature] Portfolio Release

[KittyLomas]

Problem and Context

• Currently, users can only monitor their pool tokens by viewing their balance in their wallet, or viewing their 'my holdings' on the browse tokens page.
• There is no way for them to view their aggregated portfolio value, the comparison of what they have deposited vs their profit and losses, etc.
• There is no way for users to view their historic mints, burns, etc. aside from on Arbiscan.
• This is also the case for their staked funds.

Solution Brainstorm

• We could build a portfolio page, that allows users to view their portfolio.
  • For both their trading portfolio and their strategy portfolio.

Designs

Light Mode

Desktop

• Overview > Empty State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5452%3A270120

• Overview > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5452%3A269937

• Queued Mints > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5475%3A271341

• Queued Burns > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5475%3A271525

• Mint History > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5480%3A272765

• Burn History > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5480%3A272950

Mobile

• Overview > Empty State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5500%3A273499

• Overview > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5515%3A275259

• Queued Mints > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5525%3A274624

• Queued Burns > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5546%3A276064

• Mint History > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5546%3A276611

• Burn History > Regular State: https://www.figma.com/file/PFSmfgo2pKuDsftwOyC7pn/Tracer-Web-3.0?node-id=5546%3A277227

Dark Mode

Desktop

• Overview: https://www.figma.com/file/Gh6WzO8gLZWDmTvRbw8ikm/Tracer---V2?node-id=5433%3A193825

Mobile

• Overview: https://www.figma.com/file/Gh6WzO8gLZWDmTvRbw8ikm/Tracer---V2?node-id=5433%3A193375