docs: Update docs for cloud dashboard

Co-authored-by: Rikin Kachhia <54616969+rikinsk@users.noreply.github.com>
GitOrigin-RevId: dc8c870d802f2b3d6bce19d2b468ffad1c764e95

docs/graphql/cloud/getting-started/cloud-databases/aiven.rst

@@ -39,9 +39,9 @@ On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Conne
 
 You will get prompted for a Postgres Database URL. We will create this in the next step and then come back here.
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 .. _create_pg_db_aiven:
 
@@ -127,7 +127,7 @@ Step 5: Finish connecting the database
 
 Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Database setup
    :width: 600px
 

docs/graphql/cloud/getting-started/cloud-databases/aws-aurora.rst

@@ -39,9 +39,9 @@ On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Conne
 
 You will get prompted for a Postgres Database URL. We will create this in the next step and then come back here.
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 .. _create_pg_aws_rds_aurora:
 
@@ -162,9 +162,9 @@ On the database dashboard, click on ``Connectivity & security``:
 Step 5: Finish connecting the database
 --------------------------------------
 
-Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
+Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <construct_db_url_aurora>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Database setup
    :width: 600px
 

docs/graphql/cloud/getting-started/cloud-databases/aws-postgres.rst

@@ -39,9 +39,9 @@ On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Conne
 
 You will get prompted for a Postgres Database URL. We will create this in the next step and then come back here.
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 .. _create_aws_rds_postgres_db:
 
@@ -160,9 +160,9 @@ On the database dashboard, click on ``Connectivity & security``:
 Step 5: Finish connecting the database
 --------------------------------------
 
-Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
+Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <construct_db_url_aws_postgres>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Database setup
    :width: 600px
 

docs/graphql/cloud/getting-started/cloud-databases/azure.rst

@@ -39,9 +39,9 @@ On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Conne
 
 You will get prompted for a Postgres Database URL. We will create this in the next step and then come back here.
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 Step 2: Create a Postgres DB on Azure (skip if you have an existing DB)
 -----------------------------------------------------------------------
@@ -125,9 +125,9 @@ On the database dashboard, click on ``Overview``:
 Step 5: Finish connecting the database
 --------------------------------------
 
-Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
+Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_azure>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Database setup
    :width: 600px
 

docs/graphql/cloud/getting-started/cloud-databases/digital-ocean.rst

@@ -39,9 +39,9 @@ On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Conne
 
 You will get prompted for a Postgres Database URL. We will create this in the next step and then come back here.
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 Step 2: Create a Postgres DB on Digital Ocean (skip if you have an existing DB)
 -------------------------------------------------------------------------------
@@ -125,10 +125,9 @@ Then click the ``Copy`` button for the next step.
 Step 5: Finish connecting the database
 --------------------------------------
 
-Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
+Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_do>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
-   :alt: Database setup
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :width: 600px
 
 Then click ``Connect Database``.

docs/graphql/cloud/getting-started/cloud-databases/gcp.rst

@@ -39,9 +39,9 @@ On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Conne
 
 You will get prompted for a Postgres Database URL. We will create this in the next step and then come back here.
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 .. _create_pg_db_gcp:
 
@@ -130,9 +130,9 @@ The structure of the database connection URL looks as follows:
 Step 5: Finish connecting the database
 --------------------------------------
 
-Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
+Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <construct_db_url_gcp>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Database setup
    :width: 600px
 

docs/graphql/cloud/getting-started/cloud-databases/timescale-cloud.rst

@@ -39,9 +39,9 @@ After the project is initialized successfully, click on ``Launch console`` to op
 
 On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Connect existing database``:
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 .. _create_pg_db_timescale:
 
@@ -123,9 +123,9 @@ To get it, navigate to the ``Overview`` tab of your database dashboard and copy
 Step 5: Finish connecting the database
 --------------------------------------
 
-Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
+Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_timescale>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Database setup
    :width: 600px
 

docs/graphql/cloud/getting-started/cloud-databases/yugabyte.rst

@@ -39,9 +39,9 @@ After the project is initialized successfully, click on ``Launch console`` to op
 
 On the Hasura console, navigate to ``Data -> Manage -> Connect Database -> Connect existing database``:
 
-.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-database-setup.png
+.. thumbnail:: /img/graphql/cloud/cloud-dbs/existing-db-setup.png
    :alt: Hasura Cloud database setup
-   :width: 800px
+   :width: 700px
 
 .. _create_pg_db_yugabyte:
 
@@ -100,9 +100,9 @@ Now you can get the connection info from the following screen:
 Step 4: Finish connecting the database
 --------------------------------------
 
-Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 4 <get_db_url_aiven>`:
+Back on Hasura Console, enter the database URL that we retrieved in :ref:`step 3 <construct_db_url_yugabyte>`:
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Database setup
    :width: 600px
 

docs/graphql/cloud/getting-started/index.rst

@@ -58,7 +58,7 @@ If you chose ``Connect existing database``, enter your database connection URL.
 
 Click ``Connect Database``.
 
-.. thumbnail:: /img/graphql/cloud/getting-started/connect-database.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: Enter URL for existing database
    :width: 556px
 

docs/graphql/cloud/projects/create.rst

@@ -41,7 +41,7 @@ Step 2: Database setup
 
 To get started, Click ``Launch Console`` to open the Hasura console in your browser.
 
-.. thumbnail:: /img/graphql/cloud/getting-started/project-launch-console.png
+.. thumbnail:: /img/graphql/cloud/getting-started/details-launch-console.png
    :alt: database setup with new database
    :width: 900px
 
@@ -62,7 +62,7 @@ Existing database
 ^^^^^^^^^^^^^^^^^
 To use an existing database, choose ``Connect existing database`` and enter your database connection URL and enter your database connection string (looks like ``postgres://username:password@hostname:port/dbname``).
 
-.. thumbnail:: /img/graphql/cloud/projects/existing-db-setup.png
+.. thumbnail:: /img/graphql/cloud/getting-started/connect-db.png
    :alt: database setup with existing database
    :width: 700px
 

docs/graphql/cloud/projects/details.rst

@@ -17,7 +17,7 @@ Introduction
 
 You can view all the details about your project in the ``General`` tab.
 
-.. thumbnail:: /img/graphql/cloud/projects/project-details.png
+.. thumbnail:: /img/graphql/cloud/projects/general-details.png
    :alt: General tab
    :width: 900px
 

docs/graphql/cloud/projects/pricing.rst

@@ -34,9 +34,9 @@ There are three different pricing plans that you can chose from:
 View current pricing plans for projects
 ---------------------------------------
 
-By clicking on the ``Billing`` tab, you can see all your projects and what plan they are currently on:
+By clicking on the ``Projects`` tab, you can see all your projects and what plan they are currently on:
 
-.. thumbnail:: /img/graphql/cloud/projects/pricing-overview.png
+.. thumbnail:: /img/graphql/cloud/projects/project-pricing-plans.png
   :alt: Billing overview
   :width: 1200px
   :class: inline-block