chore(docs): add connection string explainer

Author: mhartington

apps/docs/content/docs/postgres/database/direct-connections.mdx

@@ -32,9 +32,19 @@ In order to get a direct connection string, you need to:
 When you connect to Prisma Postgres via direct TCP, your [connection string](/orm/reference/connection-urls) looks as follows:
 
 ```bash
-DATABASE_URL="postgres://USER:PASSWORD@db.prisma.io:5432/?sslmode=require"
+DATABASE_URL="postgres://USER:PASSWORD@HOST:PORT/DATABASE_NAME?sslmode=require"
 ```
 
+This is built up from the following parts: 
+
+- **User**: The name of your database user
+- **Password**: The password for your database user
+- **Host**: The IP or domain name of the machine where your database server is running
+- **Port**: The port on which your database server is running
+- **Database name**: The name of the database you want to use
+
+
+
 The `USER` and `PASSWORD` values are provided when you generate credentials for your Prisma Postgres instance in the [Prisma Console](https://console.prisma.io). Here is an example with sample values:
 
 ```bash