docs: add documentation for stripe connection / triggers

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

@@ -0,0 +1,14 @@
+# Stripe
+
+:::info
+This page explains the steps you need to follow to set up the Stripe connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+:::info
+You are free to use the **Testing secret key** instead of the productive secret key as well.
+:::
+
+1. Go to the [Stripe Dashboard > Developer > API keys](https://dashboard.stripe.com/apikeys)
+2. Click on **Reveal live key** in the table row **Secret key** and copy the now shown secret key 3
+3. Paste the **Secret key** in the named field in Automatisch and assign a display name for the connection.
+4. Congrats! You can start using the new Stripe connection!

packages/docs/pages/apps/stripe/triggers.md

@@ -0,0 +1,18 @@
+---
+favicon: /favicons/stripe.svg
+items:
+  - name: Payout
+    desc: Triggers when stripe sent a payout to a third-party bank account or vice versa.
+    org: Stripe Documentation
+    orgLink: https://stripe.com/docs/api/payouts/object
+  - name: Balance Transaction
+    desc: Triggers when a fund has been moved through your stripe account.
+    org: Stripe Documentation
+    orgLink: https://stripe.com/docs/api/balance_transactions/object
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />