docs: add spotify connection and actions

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

@@ -0,0 +1,12 @@
+---
+favicon: /favicons/spotify.svg
+items:
+  - name: Create playlist
+    desc: Create a playlist on user's account
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

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

@@ -0,0 +1,20 @@
+# Spotify
+
+:::info
+This page explains the steps you need to follow to set up the Spotify connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to the [link](https://developer.spotify.com/dashboard/applications) to **create an app**
+   on Spotify API.
+1. Click login button if you're not logged in.
+1. Click **Create an app** button.
+1. Enter **App name** and **App description**.
+1. Click on **Create App** button.
+1. **Client ID** will be visible on the screen.
+1. Click **Show Client Secret** button to see client secret.
+1. Copy **Client ID** and **Client Secret** values and save them to use later.
+1. Click **Edit settings** button.
+1. Copy **OAuth Redirect URL** from Automatisch and add it in Redirect URLs. Don't forget to save it after adding it by clicking **Add** button!
+1. Paste **Client ID** and **Client Secret** values you have saved earlier and paste them into Automatisch as **Client Id** and **Client Secret**, respectively.
+1. Click **Submit** button on Automatisch.
+1. Now, you can start using the Spotify connection with Automatisch.