Update connect dialog link params (supabase#40002)

* fix connect dialog link params in docs

* move separator next to conditional component

Author: fsansalvadore

apps/docs/content/guides/database/connecting-to-postgres.mdx

@@ -93,7 +93,7 @@ The connection string looks like this:
 postgres://postgres.apbkobhfnmcqqzqeeqss:[YOUR-PASSWORD]@aws-0-[REGION].pooler.supabase.com:5432/postgres
 ```
 
-Get your project's Session pooler connection string from your project dashboard by clicking [Connect](/dashboard/project/_?showConnect=true).
+Get your project's Session pooler connection string from your project dashboard by clicking [Connect](/dashboard/project/_?showConnect=true&method=session).
 
 ### Supavisor transaction mode
 
@@ -111,15 +111,15 @@ The connection string looks like this:
 postgres://postgres.apbkobhfnmcqqzqeeqss:[YOUR-PASSWORD]@aws-0-[REGION].pooler.supabase.com:6543/postgres
 ```
 
-Get your project's Transaction pooler connection string from your project dashboard by clicking [Connect](/dashboard/project/_?showConnect=true).
+Get your project's Transaction pooler connection string from your project dashboard by clicking [Connect](/dashboard/project/_?showConnect=true&method=transaction).
 
 ## Dedicated pooler
 
 For paying customers, we provision a Dedicated Pooler ([PgBouncer](https://www.pgbouncer.org/)) that's co-located with your Postgres database. This will require you to connect with IPv6 or, if that's not an option, you can use the [IPv4 add-on](/docs/guides/platform/ipv4-address).
 
 The Dedicated Pooler ensures best performance and latency, while using up more of your project's compute resources. If your network supports IPv6 or you have the IPv4 add-on, we encourage you to use the Dedicated Pooler over the Shared Pooler.
 
-Get your project's Dedicated pooler connection string from your project dashboard by clicking [Connect](/dashboard/project/_?showConnect=true).
+Get your project's Dedicated pooler connection string from your project dashboard by clicking [Connect](/dashboard/project/_?showConnect=true&method=transaction).
 
 <Admonition type="note">
 

apps/docs/content/guides/database/connecting-to-postgres/serverless-drivers.mdx

@@ -64,7 +64,7 @@ Choose one of these Vercel Deploy Templates which use our [Vercel Deploy Integra
 
 ### Manual configuration
 
-In your [`Database Settings`](/dashboard/project/_?showConnect=true) and copy the URI from the `Transaction pooler` section and save it as the `POSTGRES_URL` environment variable. Remember to replace the password placeholder with your actual database password and add the following suffix `?workaround=supabase-pooler.vercel`.
+In your [`Database Settings`](/dashboard/project/_?showConnect=true&method=transaction) and copy the URI from the `Transaction pooler` section and save it as the `POSTGRES_URL` environment variable. Remember to replace the password placeholder with your actual database password and add the following suffix `?workaround=supabase-pooler.vercel`.
 
 ```txt .env.local
 POSTGRES_URL="postgres://postgres.cfcxynqnhdybqtbhjemm:[YOUR-PASSWORD]@aws-0-ap-southeast-1.pooler.supabase.com:6543/postgres?workaround=supabase-pooler.vercel"

apps/docs/content/guides/database/postgres-js.mdx

@@ -36,7 +36,7 @@ hideToc: true
 
     Create a `db.js` file with the connection details.
 
-    To get your connection details, go to the [**Connect** panel](/dashboard/project/_?showConnect=true). Choose **Transaction pooler** if you're on a platform with transient connections, such as a serverless function, and **Session pooler** if you have a long-lived connection. Copy the URI and save it as the environment variable `DATABASE_URL`.
+    To get your connection details, go to the [**Connect** panel](/dashboard/project/_?showConnect=true). Choose [**Transaction pooler**](/dashboard/project/_?showConnect=true&method=transaction) if you're on a platform with transient connections, such as a serverless function, and [**Session pooler**](/dashboard/project/_?showConnect=true&method=session) if you have a long-lived connection. Copy the URI and save it as the environment variable `DATABASE_URL`.
 
     </StepHikeCompact.Details>
 

apps/docs/content/guides/database/psql.mdx

@@ -17,7 +17,7 @@ You can obtain your connection info and Server root certificate from your applic
 
 Download your [SSL certificate](#connecting-with-ssl) to `/path/to/prod-supabase.cer`.
 
-Find your connection settings. Go to the project [**Connect** panel](/dashboard/project/_?showConnect=true) and copy the URL from the `Session pooler` section, and copy the parameters into the connection string:
+Find your connection settings. Go to the project [**Connect** panel](/dashboard/project/_?showConnect=true&method=session) and copy the URL from the `Session pooler` section, and copy the parameters into the connection string:
 
 ```shell
 psql "sslmode=verify-full sslrootcert=/path/to/prod-supabase.cer host=[CLOUD_PROVIDER]-0-[REGION].pooler.supabase.com dbname=postgres user=postgres.[PROJECT_REF]"

apps/docs/content/guides/deployment/branching/github-integration.mdx

@@ -37,7 +37,7 @@ You will be using the [Supabase CLI](/docs/guides/cli) to initialise your local
     <StepHikeCompact.Step step={2}>
         <StepHikeCompact.Details title="Pull your database migration" fullWidth>
 
-            Pull your database changes using `supabase db pull`. To get your database connection string, go to your project dashboard, click [Connect](/dashboard/project/_?showConnect=true) and look for the Session pooler connection string.
+            Pull your database changes using `supabase db pull`. To get your database connection string, go to your project dashboard, click [Connect](/dashboard/project/_?showConnect=true&method=session) and look for the Session pooler connection string.
 
             ```markdown
             supabase db pull --db-url <db_connection_string>

apps/docs/content/guides/getting-started/quickstarts/laravel.mdx

@@ -49,7 +49,7 @@ hideToc: true
 
     Go to [database.new](https://database.new) and create a new Supabase project. Save your database password securely.
 
-    When your project is up and running, navigate to your project dashboard and click on [Connect](/dashboard/project/_?showConnect=true).
+    When your project is up and running, navigate to your project dashboard and click on [Connect](/dashboard/project/_?showConnect=true&method=session).
 
     Look for the Session Pooler connection string and copy the string. You will need to replace the Password with your saved database password. You can reset your database password in your [Database Settings](/dashboard/project/_/database/settings) if you do not have it.
 

apps/docs/content/guides/getting-started/quickstarts/redwoodjs.mdx

@@ -27,7 +27,7 @@ hideToc: true
   <StepHikeCompact.Step step={2}>
     <StepHikeCompact.Details title="Gather Database Connection Strings">
 
-    Open the project [**Connect** panel](/dashboard/project/_?showConnect=true). This quickstart connects using the **Transaction pooler** and **Session pooler** mode. Transaction mode is used for application queries and Session mode is used for running migrations with Prisma.
+    Open the project [**Connect** panel](/dashboard/project/_?showConnect=true). This quickstart connects using the [**Transaction pooler**](/dashboard/project/_?showConnect=true&method=transaction) and [**Session pooler**](/dashboard/project/_?showConnect=true&method=session) mode. Transaction mode is used for application queries and Session mode is used for running migrations with Prisma.
 
     To do this, set the connection mode to `Transaction` in the [Database Settings page](/dashboard/project/_/database/settings) and copy the connection string and append `?pgbouncer=true&&connection_limit=1`. `pgbouncer=true` disables Prisma from generating prepared statements. This is required since our connection pooler does not support prepared statements in transaction mode yet. The `connection_limit=1` parameter is only required if you are using Prisma from a serverless environment. This is the Transaction mode connection string.
 

apps/docs/content/guides/getting-started/quickstarts/ruby-on-rails.mdx

@@ -31,7 +31,7 @@ hideToc: true
 
     Go to [database.new](https://database.new) and create a new Supabase project. Save your database password securely.
 
-    When your project is up and running, navigate to your project dashboard and click on [Connect](/dashboard/project/_?showConnect=true).
+    When your project is up and running, navigate to your project dashboard and click on [Connect](/dashboard/project/_?showConnect=true&method=session).
 
     Look for the Session Pooler connection string and copy the string. You will need to replace the Password with your saved database password. You can reset your database password in your [Database Settings](/dashboard/project/_/database/settings) if you do not have it.
 

apps/docs/content/guides/platform/migrating-to-supabase/amazon-rds.mdx

@@ -23,7 +23,7 @@ Supabase's core is Postgres, enabling the use of row-level security and providin
 ## Retrieve your Supabase host [#retrieve-supabase-host]
 
 1. If you're new to Supabase, [create a project](https://database.new). Make a note of your password, you will need this later. If you forget it, you can [reset it here](/dashboard/project/_/database/settings).
-1. On your project dashboard, click [Connect](/dashboard/project/_?showConnect=true)
+1. On your project dashboard, click [Connect](/dashboard/project/_?showConnect=true&method=session)
 1. Under the Session pooler, click on the View parameters under the connect string. Note your Host (`$SUPABASE_HOST`).
 
 ![Finding Supabase host address](/docs/img/guides/resources/migrating-to-supabase/amazon-rds/database-settings-host.png)

apps/docs/content/guides/platform/migrating-to-supabase/firebase-auth.mdx

@@ -30,7 +30,7 @@ Supabase provides several [tools](https://github.com/supabase-community/firebase
    }
    ```
 
-1. On your project dashboard, click [Connect](/dashboard/project/_?showConnect=true)
+1. On your project dashboard, click [Connect](/dashboard/project/_?showConnect=true&method=session)
 1. Under the Session pooler, click on the View parameters under the connect string. Replace the `Host` and `User` fields with the values shown.
 1. Enter the password you used when you created your Supabase project in the `password` entry in the `supabase-service.json` file.