[Console 2.0] Implement Provider Console frontend + switch

[anilmurty]

High Level Plan:

• Goal is to offer a unified and "akash" branded experience for managing providers (currently "PraetorApp") under the same console platform as the one used for deployments
• We will implement a switch in the UI to switch between:
  • Deploy Console
  • Provider Console
• Will have a similar look and feel but some side menu items may be different
  • For example - Provider page will be the same
  • For example - Templates are not needed
• For the menu items that are in both - the content may be different
  • For example: Deployments would show all deployments across all providers) on the Provider Console but shows all deployments for the current provider for the Provider Console.

Code related things:

• We will need to create reusable components in the existing console code base, before the work can begin
• We decided to merge the front end code base into cloudmos but keep the backend separate. Currently Praetor has 3 code bases: praetor-frontend, praetor-backend and praetor-security
• Open question regarding "subdomain" vs "folder" approach for implementing the "switch": We need to check Cosmos SDK to figure out how wallet switching can be seamless. This will factor into whether we support folders or subdomains for differentiating the two apps.

Design (of the provider console pages)

We walked through all the pages of console.akash.network as a group (Anil, Jigar, Deval, MaxB, MaxC) and came up with the following changes we need to make for the provider console equivalents

• User SSO will remain but initially will save nothing on the provider side per user.
• UI (dropdown) switch to switch between:
  • Deploy (workloads)
  • Manage (providers)
• Add some "wait state" to indicate that it is switching
• “DEPLOY” button changes to:
  • Set Up Provider: If a provider does not exist with the specific wallet
  • Manage: To go to the provider management page
• Need some label to show the user that they are in the “Deploy” app vs the “Manage” App
• "Home" page
  • Get started button on top right:
    • Provider version needs a different workflow that comes from the praetor get started workflow
      • Wallet step can remain the same
      • Docker Step needs to change to praetor initial step
      • Provider (praetor) version will have more than 3 steps
    • Section of page that shows active deployments - needs to show list of providers and some high level dashboard per provider

• This can be removed:

• Mainnet button - for configuring various settings
  • No Authorizations tab for provider console
  • No Export/ Import options
• Deployments Page
  • Rename to “Leases”
  • Remove “Deploy” button
  • Rename search label to “Search Leases by DSEQ or Owner wallet address”
  • Deployment table:
    • No "Name" column needed.
    • No "Provider" column needed (since it’s all the same provider)
    • No checkbox at the end (no close option supported)
    • All additional functions (triple dots) can be removed
    • Deployment Details (drill down page)
      • All the top of the page stuff (screenshot below) makes sense to leave as-is. Other stuff is just the resources leased

• Templates Page - goes away
• SDL builder - goes away
• FAQ - link to different FAQ page
• Docs - link to build a provider section of docs.akash.network

[anilmurty]

#230 needs to be in place before the work on this can begin

[anilmurty]

The first PR for this work #268

[jigar-arc10]

Currently, there are two work-in-progress pull requests: #332 and #314.

#314 is dependent on #332

[jigar-arc10]

PR #332 is in review, PR #332 becomes #404, and its subsequent PR of #332. #404 will become in review once #332 is merged.

These 2 PRs include the features.

Control Plane and Node Access forms
Access forms check - check if the server is accessible, and general checks
Wallet Import Screen forms
Provider Config, including domain and other configuration checks
Provider pricing forms
Stepper for process
Navigate the home page with the provided information
Add Provider basic information like CPU, memory, GPU, storage active, pending, and available resources
Show provider is online or not
Show recent provider actions
Show live AKT price

and many more improvements to become provider process, arbitrary signing and dashboard