feat: github issue resolve

Author: juliankepka

src/components/OrgForm.tsx

@@ -2,31 +2,45 @@ import type { FunctionComponent } from "react";
 import Section from "./common/Section";
 import { FormControl, FormField, FormItem, FormLabel } from "./ui/form";
 import { Input } from "./ui/input";
+import { InputWithButton } from "./ui/input-with-button";
+import { useActiveOrg } from "@/hooks/useActiveOrg";
 
 interface OrgFormProps {
   forceVertical?: boolean;
 }
-
 export const OrgForm: FunctionComponent<OrgFormProps> = ({
   forceVertical = true,
-}) => (
-  <Section
-    description="Enter the name of your organization. This will be used to identify your organization in the system."
-    title="General Information"
-    forceVertical={forceVertical}
-  >
-    <div className="mt-6">
-      <FormField
-        name="name"
-        render={({ field }) => (
-          <FormItem>
-            <FormLabel>Organization name*</FormLabel>
-            <FormControl>
-              <Input data-testid="org-name-label" {...field} />
-            </FormControl>
-          </FormItem>
-        )}
-      />
-    </div>
-  </Section>
-);
+}) => {
+  const activeOrg = useActiveOrg();
+  const orgID = activeOrg.id;
+
+  return (
+    <Section
+      description="Enter the name of your organization. This will be used to identify your organization in the system."
+      title="General Information"
+      forceVertical={forceVertical}
+    >
+      <div className="mt-6">
+        <FormField
+          name="name"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Organization name*</FormLabel>
+              <FormControl>
+                <Input data-testid="org-name-label" {...field} />
+              </FormControl>
+            </FormItem>
+          )}
+        />
+        <InputWithButton
+          label="Organization-ID"
+          value={`${orgID}`}
+          nameKey="settings-org-id"
+          variant="default"
+          copyable
+          copyToastDescription="The organization ID has been copied to your clipboard."
+        />
+      </div>
+    </Section>
+  );
+};

src/config.ts

@@ -34,7 +34,7 @@ export const config = {
     "https://gitlab.com/l3montree/devguard/-/raw/main",
   devguardGithubAppUrl: process.env.DEVGUARD_API_URL_PUBLIC_INTERNET?.includes(
     "main.devguard.org",
-  )
+  ) || process.env.DEVGUARD_API_URL_PUBLIC_INTERNET?.includes("localhost")
     ? "devguard-bot-dev"
     : "devguard-bot",
   enforceTheme: (process.env.ENFORCE_THEME || false) as