docs(github-integration): add github app authentication option (#381)

Author: Meierschlumpf

docs/integrations/github-containerregistry/index.mdx

@@ -35,4 +35,8 @@ import { releasesWidget } from '@site/docs/widgets/releases';
 }, {
     credentials: ["personalAccessToken"],
     steps: []
+}, {
+    tabLabel: "GitHub App",
+    credentials: ['githubAppId', 'githubInstallationId', 'privateKey'],
+    steps: ['Create GitHub App', 'Create a private key for it', 'Install it to your organization / user']
 }]} />

docs/integrations/github/index.mdx

@@ -34,4 +34,8 @@ import { releasesWidget } from '@site/docs/widgets/releases';
 }, {
     credentials: ['personalAccessToken'],
     steps: []
+}, {
+    tabLabel: "GitHub App",
+    credentials: ['githubAppId', 'githubInstallationId', 'privateKey'],
+    steps: ['Create GitHub App', 'Create a private key for it', 'Install it to your organization / user']
 }]} />

src/components/integrations/secrets.tsx

@@ -1,4 +1,11 @@
-import { IconKey, IconKeyOff, IconPassword, IconUser } from '@tabler/icons-react';
+import {
+  IconCode,
+  IconKey,
+  IconKeyOff,
+  IconPassword,
+  IconPlug,
+  IconUser,
+} from '@tabler/icons-react';
 import TabItem from '@theme/TabItem';
 import Tabs from '@theme/Tabs';
 import { ReactNode } from 'react';
@@ -47,6 +54,17 @@ const secretKinds = {
     description: 'The Secret part of the API Key for authentication.',
     icon: IconPassword,
   },
+  githubAppId: { name: 'App ID', description: 'The ID of the GitHub App', icon: IconCode },
+  githubInstallationId: {
+    name: 'Installation ID',
+    description: 'The ID of the GitHub Installation',
+    icon: IconPlug,
+  },
+  privateKey: {
+    name: 'Private Key',
+    description: 'The private key for authentication',
+    icon: IconKey,
+  },
 };
 
 type SecretKind = keyof typeof secretKinds;