add api keys to sidebar nav

src/app/navigation.tsx

@@ -6,7 +6,8 @@ import {
     Link as LinkIcon,
     Waypoints,
     Combine,
-    Fingerprint
+    Fingerprint,
+    KeyRound
 } from "lucide-react";
 
 export const orgLangingNavItems: SidebarNavItem[] = [
@@ -63,6 +64,12 @@ export const orgNavItems: SidebarNavItem[] = [
         href: "/{orgId}/settings/share-links",
         icon: <LinkIcon className="h-4 w-4" />
     },
+    {
+        title: "API Keys",
+        href: "/{orgId}/settings/api-keys",
+        icon: <KeyRound className="h-4 w-4" />,
+        showEnterprise: true
+    },
     {
         title: "Settings",
         href: "/{orgId}/settings/general",
@@ -76,6 +83,12 @@ export const adminNavItems: SidebarNavItem[] = [
         href: "/admin/users",
         icon: <Users className="h-4 w-4" />
     },
+    {
+        title: "API Keys",
+        href: "/{orgId}/settings/api-keys",
+        icon: <KeyRound className="h-4 w-4" />,
+        showEnterprise: true
+    },
     {
         title: "Identity Providers",
         href: "/admin/idp",

src/app/setup/page.tsx

@@ -61,6 +61,9 @@ export default function StepperForm() {
     const router = useRouter();
 
     const checkOrgIdAvailability = useCallback(async (value: string) => {
+        if (loading) {
+            return;
+        }
         try {
             const res = await api.get(`/org/checkId`, {
                 params: {