Add self-hosted configuration docs for GitHub, GitLab, GCP SM, Vercel, Heroku, Netlify, Azure KV

docs/integrations/cloud/heroku.mdx

@@ -3,7 +3,9 @@ title: "Heroku"
 description: "How to sync secrets from Infisical to Heroku"
 ---
 
-Prerequisites:
+<Tabs>
+  <Tab title="Usage">
+  Prerequisites:
 
 - Set up and add envars to [Infisical Cloud](https://app.infisical.com)
 
@@ -15,7 +17,7 @@ Prerequisites:
 
 Press on the Heroku tile and grant Infisical access to your Heroku account.
 
-![integrations heroku authorization](../../images/integrations-heroku-auth.png)
+![integrations heroku authorization](../../images/integrations/heroku/integrations-heroku-auth.png)
 
 <Info>
   If this is your project's first cloud integration, then you'll have to grant
@@ -28,5 +30,38 @@ Press on the Heroku tile and grant Infisical access to your Heroku account.
 
 Select which Infisical environment secrets you want to sync to which Heroku app and press create integration to start syncing secrets to Heroku.
 
-![integrations heroku](../../images/integrations-heroku-create.png)
-![integrations heroku](../../images/integrations-heroku.png)
+![integrations heroku](../../images/integrations/heroku/integrations-heroku-create.png)
+![integrations heroku](../../images/integrations/heroku/integrations-heroku.png)
+  </Tab>
+  <Tab title="Self-Hosted Setup">
+  Using the Heroku integration on a self-hosted instance of Infisical requires configuring an API client in Heroku
+  and registering your instance with it.
+  
+  ## Create an API client in Heroku
+  
+  Navigate to your user Account settings > Applications to create a new API client.
+
+   ![integrations Heroku config](../../images/integrations/heroku/integrations-heroku-config-settings.png) 
+   ![integrations Heroku config](../../images/integrations/heroku/integrations-heroku-config-applications.png) 
+   ![integrations Heroku config](../../images/integrations/heroku/integrations-heroku-config-new-app.png) 
+   
+    Create the API client. As part of the form, set the **OAuth callback URL** to `https://your-domain.com/integrations/heroku/oauth2/callback`.
+
+   ![integrations Heroku config](../../images/integrations/heroku/integrations-heroku-config-new-app-form.png) 
+   
+   ## Add your Heroku API client credentials to Infisical
+   
+   Obtain the **Client ID** and **Client Secret** for your Heroku API client.
+   
+   ![integrations Heroku config](../../images/integrations/heroku/integrations-heroku-config-credentials.png) 
+   
+   Back in your Infisical instance, add two new environment variables for the credentials of your Heroku API client.
+
+   - `CLIENT_ID_HEROKU`: The **Client ID** of your Heroku API client.
+   - `CLIENT_SECRET_HEROKU`: The **Client Secret** of your Heroku API client.
+   
+  Once added, restart your Infisical instance and use the Heroku integration.
+
+  </Tab>
+</Tabs>
+