docs: Restructure apps documentation, add triggers and actions

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

@@ -0,0 +1,15 @@
+---
+items:
+  - name: Find message
+    desc: Find a Slack message using the Slack Search feature.
+    avatar: /favicons/slack.svg
+  - name: Send a message to channel
+    desc: Send a message to a specific channel you specify.
+    avatar: /favicons/slack.svg
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

@@ -0,0 +1,23 @@
+# Slack
+
+:::info
+This page explains the steps you need to follow to set up the Slack connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to the [link](https://api.slack.com/apps?new_app=1) to **create an app**
+   on Slack API.
+2. Select **From scratch**.
+3. Enter **App name**.
+4. Pick the workspace you would like to use with the Slack connection.
+5. Click on **Create App** button.
+6. Click the **Permissions** card on the **Add features and functionality**
+   section.
+7. Go to **User Token Scopes** and add the necessary scopes.
+   ([more info](https://api.slack.com/scopes?filter=user))
+8. Go to **OAuth Tokens for Your Workspace** and click **Install to Workspace**.
+9. In **Where should Sample post?** section, select the channel you would like
+   to use with Automatisch, and click **Allow**.
+10. Copy **User OAuth Token** and paste it to **Access Token** on the
+    Automatisch page.
+11. Click **Submit** button on Automatisch.
+12. Now, you can start using the Slack connection with Automatisch.