docs: Restructure apps documentation, add triggers and actions

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

@@ -0,0 +1,12 @@
+---
+items:
+  - name: Create issue
+    desc: Create a new issue.
+    avatar: /favicons/github.svg
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

@@ -0,0 +1,15 @@
+# Github
+
+:::info
+This page explains the steps you need to follow to set up the Github
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to the [link](https://github.com/settings/applications/new) to register a **new OAuth application** on Github.
+2. Fill **Application name** and **Homepage URL**.
+3. Copy **OAuth Redirect URL** from Automatisch to **Authorization callback URL** field on Github page.
+4. Click on the **Register application** button on the Github page.
+5. Copy the **Client ID** value from the following page to the `Client ID` field on Automatisch.
+6. Click **Generate a new client secret** on the Github page and copy generated value into the `Client Secret` field on Automatisch.
+7. Click **Submit** button on Automatisch.
+8. Congrats! Start using your new Github connection within the flows.

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

@@ -0,0 +1,21 @@
+---
+items:
+  - name: New issue
+    desc: Triggers when a new issue is created
+    avatar: /favicons/github.svg
+  - name: New pull requests
+    desc: Triggers when a new pull request is created
+    avatar: /favicons/github.svg
+  - name: New stargazers
+    desc: Triggers when a user stars a repository
+    avatar: /favicons/github.svg
+  - name: New watchers
+    desc: Triggers when a user watches a repository
+    avatar: /favicons/github.svg
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />