Add Render, Fly.io integrations and reduce integrations page reloads

docs/getting-started/dashboard/integrations.mdx

@@ -10,4 +10,4 @@ We're still early with integrations, but expect more soon.
   View all available integrations and their guides
 </Card>
 
-![integrations](../../images/project-integrations.png)
+![integrations](../../images/integrations.png)

docs/integrations/cloud/flyio.mdx

@@ -2,4 +2,34 @@
 title: "Fly.io"
 ---
 
-Coming soon.
+Prerequisites:
+
+- Set up and add envars to [Infisical Cloud](https://app.infisical.com)
+
+## Navigate to your project's integrations tab
+
+![integrations](../../images/integrations.png)
+
+## Authorize Infisical for Fly.io
+
+Obtain a Fly.io access token in Access Tokens
+
+![integrations fly dashboard](../../images/integrations-flyio-dashboard.png)
+![integrations fly token](../../images/integrations-flyio-token.png)
+
+Press on the Fly.io tile and input your Fly.io access token to grant Infisical access to your Fly.io account.
+
+![integrations fly authorization](../../images/integrations-flyio-auth.png)
+
+<Info>
+  If this is your project's first cloud integration, then you'll have to grant
+  Infisical access to your project's environment variables. Although this step
+  breaks E2EE, it's necessary for Infisical to sync the environment variables to
+  the cloud platform.
+</Info>
+
+## Start integration
+
+Select which Infisical environment secrets you want to sync to which Fly.io app and press start integration to start syncing secrets to Fly.io.
+
+![integrations fly](../../images/integrations-flyio.png)

docs/integrations/cloud/render.mdx

@@ -2,4 +2,34 @@
 title: "Render"
 ---
 
-Coming soon.
+Prerequisites:
+
+- Set up and add envars to [Infisical Cloud](https://app.infisical.com)
+
+## Navigate to your project's integrations tab
+
+![integrations](../../images/integrations.png)
+
+## Enter your Render API Key
+
+Obtain a Render API Key in your Render Account Settings > API Keys.
+
+![integrations render dashboard](../../images/integrations-render-dashboard.png)
+![integrations render token](../../images/integrations-render-token.png)
+
+Press on the Render tile and input your Render API Key to grant Infisical access to your Render account.
+
+![integrations render authorization](../../images/integrations-render-auth.png)
+
+<Info>
+  If this is your project's first cloud integration, then you'll have to grant
+  Infisical access to your project's environment variables. Although this step
+  breaks E2EE, it's necessary for Infisical to sync the environment variables to
+  the cloud platform.
+</Info>
+
+## Start integration
+
+Select which Infisical environment secrets you want to sync to which Render service and press start integration to start syncing secrets to Render.
+
+![integrations heroku](../../images/integrations-render.png)

docs/integrations/cloud/vercel.mdx

@@ -20,4 +20,4 @@ Press on the Vercel tile and grant Infisical access to your Vercel account.
 
 Select which Infisical environment secrets you want to sync to which Vercel app and environment. Lastly, press start integration to start syncing secrets to Vercel.
 
-![integrations vercel](../../images/integrations-vercel.png)
+![integrations vercel](../../images/integrations-vercel.png)