Add donut charts for persistent and ephemeral storage

[anilmurty]

Problem Statement

Console only shows one storage chart that aggregates both persistent and ephemeral storage across all providers on the network. This was fine until a few months ago when the persistent storage was a small fraction of ephemeral. But over the past year several GPU providers have been onboarded with a lot of persistent storage. It'll be great to separate the two types so it is clear to users how much of each type is available

To-Do

• Figure out how to utilize data from the new persistent storage tables in ProviderSnapshot (ref: Features/track persistent storage #267)
• Either figure out how to change existing "Storage" donut chart to display both types of storgae in the same (use different color codes and/ or labels to distinguish) or (if too complicated) Add a new donut chart to https://console.akash.network/providers next to existing "Storage" one and identical component to it. Left one will be "Emphemeral Storage" and right one will be "Persistent Storage"

[anilmurty]

@aktdenis - any thoughts on design for distinguishing persistent and ephemeral storage in the same donut chart?

[stalniy]

@anilmurty this is what I was able to achieve locally.

Screen.Recording.2025-01-16.at.08.22.24.mov

[stalniy]

@anilmurty we have the same network capacity chart on 2 pages: providers list page and particular provider page.

I assume that I need to change on both.