website/docs: move Sources from Integrations into Docs (#9515)

* moved Sources form Integrations to Docs

* files moved

* fixed setting options

* fixed broken links and added redirects

* try single-sourcing Sources docs

* tweaks

* fighting links

* still fighting links

* fightng sidebar

* fighting with sidebar

* add logos and tweak

* image tweaks

* Optimised images with calibre/image-actions

* added remaining UI definitions

* kens edits

---------

Co-authored-by: Tana M Berry <tana@goauthentik.com>
Co-authored-by: authentik-automation[bot] <135050075+authentik-automation[bot]@users.noreply.github.com>

website/docs/sources/twitter/index.md

@@ -0,0 +1,48 @@
+---
+title: Twitter
+---
+
+<span class="badge badge--primary">Support level: authentik</span>
+
+Allows users to authenticate using their twitter credentials
+
+## Preparation
+
+The following placeholders will be used:
+
+-   `authentik.company` is the FQDN of the authentik install.
+
+## Twitter
+
+You will need to create a new project, and OAuth credentials in the Twitter Developer console.
+
+1. Visit https://developer.twitter.com/ to create a new App
+2. Select an environment fitting to your use-case
+3. Give the app a name, for example _authentik_
+4. Finish setting up the app by clicking **App settings**. Any of the API keys on this screen are not used by authentik.
+5. Click the **Set up** button
+
+![](./twitter1.png)
+
+6. Enable **OAuth 2.0**
+7. Set **Type of App** to _Web_
+8. Set **Callback URI / Redirect URL** to `https://authentik.company/source/oauth/callback/twitter/`
+9. Set **Website URL** to `https://authentik.company`
+
+![](./twitter2.png)
+
+10. Confirm with **Save**
+11. Copy and store **Client ID** and **Client Secret** for later
+
+## authentik
+
+1. Under _Directory -> Federation & Social login_ Click **Create Twitter OAuth Source**
+
+2. **Name**: Choose a name (For the example I use Google)
+3. **Slug**: twitter (If you choose a different slug the URLs will need to be updated to reflect the change)
+4. **Consumer Key:** Your Client ID from step 25
+5. **Consumer Secret:** Your Client Secret from step 25
+
+:::note
+For more details on how-to have the new source display on the Login Page see [here](../general#add-sources-to-default-login-page).
+:::