docs: Restructure apps documentation, add triggers and actions

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

@@ -0,0 +1,12 @@
+---
+items:
+  - name: Send Email
+    desc: Send an email
+    avatar: /favicons/smtp.svg
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

@@ -0,0 +1,16 @@
+# SMTP
+
+:::info
+This page explains the steps you need to follow to set up the SMTP connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+SMTP is a protocol that allows you to send emails. It's a very common protocol and it's used by many email providers. You need to provide the following information to send emails from Automatisch by using SMTP connection.
+
+1. Fill host address field with the SMTP host address.
+2. Fill username field with the SMTP username.
+3. Fill password field with the SMTP password.
+4. Select wheather to use TLS or not.
+5. Fill port field with the SMTP port.
+6. Fill from field with the email address you want to use as the sender.
+7. Click **Submit** button on Automatisch.
+8. Now, you can start using the SMTP connection with Automatisch.