docs(dropbox): add connection and actions

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

@@ -0,0 +1,14 @@
+---
+favicon: /favicons/dropbox.svg
+items:
+  - name: Create a folder
+    desc: Creates a new folder with the given parent folder and folder name.
+  - name: Rename a file
+    desc: Rename a file with the given file path and new name.
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

@@ -0,0 +1,20 @@
+# Dropbox
+
+:::info
+This page explains the steps you need to follow to set up the Dropbox
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to the [link](https://www.dropbox.com/developers/apps) to create a **new application** on Dropbox.
+1. Choose the "Scoped access" option in the "Choose an API" section.
+1. Choose the "Full Dropbox" option in the "Choose the type of access you need" section.
+1. Name your application.
+1. Click on the **Create app** button.
+1. Copy **OAuth Redirect URL** from Automatisch to **Redirect URIs** field and add it.
+1. Click on the **Scoped App** link in the "Permission type" section.
+1. Check the checkbox for the "files.content.write" scope and click on the **Submit** button.
+1. Go back to the "Settings" tab.
+1. Copy **App key** to **App key** field on Automatisch.
+1. Copy **App secret** to **App secret** field on Automatisch.
+1. Click **Submit** button on Automatisch.
+1. Congrats! Start using your new Dropbox connection within the flows.