feat: improve supabase powersync connection docs

Author: DominicGBauer

images/integration-guides/powersync-supabase-connection.png

@@ -1,31 +1,35 @@
 1. In your Supabase Dashboard, click **Connect** in the top bar:
-  
-   <Frame>
-     <img src="/images/installation/supabase-connect-database.png" />
-   </Frame>
+
+  <Frame>
+    <img src="/images/installation/supabase-connect-database.png" />
+  </Frame>
 
    * Under **Direct connection**, copy the connection string. The hostname should be `db.<PROJECT-ID>.supabase.co`, and not, for example, `aws-0-us-west-1.pooler.supabase.com`.
-  
-   <Frame>
-     <img src="/images/installation/supabase-connection-string.png" />
-   </Frame>
 
-   * Paste this URI in PowerSync instance **URI** field.
+  <Frame>
+    <img src="/images/installation/supabase-connection-string.png" />
+  </Frame>
 
-   * Enter the **Password** for the `postgres` user in your Supabase database.
+   * Paste this URI in PowerSync instance **URI** field.
 
-     * Supabase also [refers to this password](https://supabase.com/docs/guides/database/managing-passwords) as the *database password* or *project password*.
+   * Enter the **Password** for the `postgres` user in your database (not your Supabase account). Supabase also [refers to this password](https://supabase.com/docs/guides/database/managing-passwords) as the *database password* or *project password*.
 
    * PowerSync has the Supabase CA certificate pre-configured — `verify-full` SSL mode can be used directly, without any custom certificates.
 
+  It should look similar to this:
+
+  <Frame>
+    <img src="/images/integration-guides/powersync-supabase-connection.png" />
+  </Frame>
+
 2. Click **Test Connection** and fix any errors.
 
 3. Under the **Client Auth** tab, enable **Use Supabase Auth** and enter your Supabase **JWT Secret**:
-  
+
   <Frame caption="PowerSync uses the secret to verify Supabase's JWTs">
     <img src="/images/authentication/use-supabase-auth.png" />
   </Frame>
 
 4. Click **Save and deploy** to deploy the updates to your instance.
 
-PowerSync deploys and configures an isolated cloud environment for you, which will take a few minutes to complete.
+PowerSync deploys and configures an isolated cloud environment for you, which will take a few minutes to complete.