docs: Add PostgreSQL documentation

packages/docs/pages/apps/postgres/actions.md

@@ -0,0 +1,18 @@
+---
+favicon: /favicons/postgres.svg
+items:
+  - name: Insert
+    desc: Create a new row in a table in specified schema.
+  - name: Update
+    desc: Update rows found based on the given where clause entries.
+  - name: Delete
+    desc: Delete rows found based on the given where clause entries.
+  - name: SQL query
+    desc: Executes the given SQL statement..
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

packages/docs/pages/apps/postgres/connection.md

@@ -0,0 +1,19 @@
+# PostgreSQL
+
+:::info
+This page explains the steps you need to follow to set up the Postgres
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+PostgreSQL is an open-source relational database management system (RDBMS) known for its robustness, reliability, and feature-richness.
+It is a powerful and reliable database management system suitable for a wide range of applications, from small projects to enterprise-level systems.
+
+1. Fill postgreSQL version field with the version that you are using.
+2. Fill host address field with the postgres host address.
+3. Fill port field with the postgres port.
+4. Select wheather to use ssl or not.
+5. Fill database name field with the postgres database name.
+6. Fill database username field with the postgres username.
+7. Fill password field with the postgres password.
+8. Click **Submit** button on Automatisch.
+9. Now, you can start using the PostgreSQL connection with Automatisch.