feat(k8-operator): multiple managed secrets

frontend/src/pages/cert-manager/CertAuthDetailsByIDPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { CertAuthDetailsByIDPage } from "./CertAuthDetailsByIDPage";
+import { CertAuthDetailsByIDPage } from './CertAuthDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/ca/$caId"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/ca/$caId',
 )({
   component: CertAuthDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,15 +11,15 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Certificate Authorities",
+          label: 'Certificate Authorities',
           link: linkOptions({
-            to: "/cert-manager/$projectId/overview",
+            to: '/cert-manager/$projectId/overview',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/cert-manager/CertificatesPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { CertificatesPage } from "./CertificatesPage";
+import { CertificatesPage } from './CertificatesPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/overview"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/overview',
 )({
-  component: CertificatesPage
+  component: CertificatesPage,
-});
+})

frontend/src/pages/cert-manager/PkiCollectionDetailsByIDPage/routes.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { PkiCollectionDetailsByIDPage } from "./PkiCollectionDetailsByIDPage";
+import { PkiCollectionDetailsByIDPage } from './PkiCollectionDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/pki-collections/$collectionId"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/pki-collections/$collectionId',
 )({
   component: PkiCollectionDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,15 +11,15 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Certificate Collections",
+          label: 'Certificate Collections',
           link: linkOptions({
-            to: "/cert-manager/$projectId/overview",
+            to: '/cert-manager/$projectId/overview',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/cert-manager/SettingsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SettingsPage } from "./SettingsPage";
+import { SettingsPage } from './SettingsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/settings"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/settings',
 )({
   component: SettingsPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Settings"
+          label: 'Settings',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/cert-manager/layout.tsx

@@ -1,41 +1,45 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { workspaceKeys } from "@app/hooks/api";
+import { workspaceKeys } from '@app/hooks/api'
-import { fetchUserProjectPermissions, roleQueryKeys } from "@app/hooks/api/roles/queries";
+import {
-import { fetchWorkspaceById } from "@app/hooks/api/workspace/queries";
+  fetchUserProjectPermissions,
-import { ProjectLayout } from "@app/layouts/ProjectLayout";
+  roleQueryKeys,
+} from '@app/hooks/api/roles/queries'
+import { fetchWorkspaceById } from '@app/hooks/api/workspace/queries'
+import { ProjectLayout } from '@app/layouts/ProjectLayout'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout',
 )({
   component: ProjectLayout,
   beforeLoad: async ({ params, context }) => {
     const project = await context.queryClient.ensureQueryData({
       queryKey: workspaceKeys.getWorkspaceById(params.projectId),
-      queryFn: () => fetchWorkspaceById(params.projectId)
+      queryFn: () => fetchWorkspaceById(params.projectId),
-    });
+    })
 
     await context.queryClient.ensureQueryData({
       queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId
+        workspaceId: params.projectId,
       }),
-      queryFn: () => fetchUserProjectPermissions({ workspaceId: params.projectId })
+      queryFn: () =>
-    });
+        fetchUserProjectPermissions({ workspaceId: params.projectId }),
+    })
 
     return {
       breadcrumbs: [
         {
-          label: "Cert Managers",
+          label: 'Cert Managers',
-          link: linkOptions({ to: "/organization/cert-manager/overview" })
+          link: linkOptions({ to: '/organization/cert-manager/overview' }),
         },
         {
           label: project.name,
           link: linkOptions({
-            to: "/cert-manager/$projectId/overview",
+            to: '/cert-manager/$projectId/overview',
-            params: { projectId: project.id }
+            params: { projectId: project.id },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/kms/OverviewPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { OverviewPage } from "./OverviewPage";
+import { OverviewPage } from './OverviewPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/kms/$projectId/_kms-layout/overview"
+  '/_authenticate/_inject-org-details/kms/$projectId/_kms-layout/overview',
 )({
-  component: OverviewPage
+  component: OverviewPage,
-});
+})

frontend/src/pages/kms/SettingsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SettingsPage } from "./SettingsPage";
+import { SettingsPage } from './SettingsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/kms/$projectId/_kms-layout/settings"
+  '/_authenticate/_inject-org-details/kms/$projectId/_kms-layout/settings',
 )({
   component: SettingsPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Settings"
+          label: 'Settings',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/kms/layout.tsx

@@ -1,41 +1,45 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { workspaceKeys } from "@app/hooks/api";
+import { workspaceKeys } from '@app/hooks/api'
-import { fetchUserProjectPermissions, roleQueryKeys } from "@app/hooks/api/roles/queries";
+import {
-import { fetchWorkspaceById } from "@app/hooks/api/workspace/queries";
+  fetchUserProjectPermissions,
-import { ProjectLayout } from "@app/layouts/ProjectLayout";
+  roleQueryKeys,
+} from '@app/hooks/api/roles/queries'
+import { fetchWorkspaceById } from '@app/hooks/api/workspace/queries'
+import { ProjectLayout } from '@app/layouts/ProjectLayout'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/kms/$projectId/_kms-layout"
+  '/_authenticate/_inject-org-details/kms/$projectId/_kms-layout',
 )({
   component: ProjectLayout,
   beforeLoad: async ({ params, context }) => {
     const project = await context.queryClient.ensureQueryData({
       queryKey: workspaceKeys.getWorkspaceById(params.projectId),
-      queryFn: () => fetchWorkspaceById(params.projectId)
+      queryFn: () => fetchWorkspaceById(params.projectId),
-    });
+    })
 
     await context.queryClient.ensureQueryData({
       queryKey: roleQueryKeys.getUserProjectPermissions({
-        workspaceId: params.projectId
+        workspaceId: params.projectId,
       }),
-      queryFn: () => fetchUserProjectPermissions({ workspaceId: params.projectId })
+      queryFn: () =>
-    });
+        fetchUserProjectPermissions({ workspaceId: params.projectId }),
+    })
 
     return {
       breadcrumbs: [
         {
-          label: "KMS",
+          label: 'KMS',
-          link: linkOptions({ to: "/organization/kms/overview" })
+          link: linkOptions({ to: '/organization/kms/overview' }),
         },
         {
           label: project.name,
           link: linkOptions({
-            to: "/kms/$projectId/overview",
+            to: '/kms/$projectId/overview',
-            params: { projectId: project.id }
+            params: { projectId: project.id },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/organization/AccessManagementPage/route.tsx

@@ -1,37 +1,41 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import {
-import { zodValidator } from "@tanstack/zod-adapter";
+  createFileRoute,
-import { z } from "zod";
+  linkOptions,
+  stripSearchParams,
+} from '@tanstack/react-router'
+import { zodValidator } from '@tanstack/zod-adapter'
+import { z } from 'zod'
 
-import { OrgAccessControlTabSections } from "@app/types/org";
+import { OrgAccessControlTabSections } from '@app/types/org'
 
-import { AccessManagementPage } from "./AccessManagementPage";
+import { AccessManagementPage } from './AccessManagementPage'
 
 const AccessControlPageQuerySchema = z.object({
   selectedTab: z.string().catch(OrgAccessControlTabSections.Member),
-  action: z.string().catch("")
+  action: z.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/access-management"
+  '/_authenticate/_inject-org-details/organization/_layout/access-management',
 )({
   component: AccessManagementPage,
   validateSearch: zodValidator(AccessControlPageQuerySchema),
   search: {
     // strip default values
-    middlewares: [stripSearchParams({ action: "" })]
+    middlewares: [stripSearchParams({ action: '' })],
   },
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/" })
+        link: linkOptions({ to: '/' }),
       },
       {
-        label: "access control"
+        label: 'access control',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/AdminPage/route.tsx

@@ -1,23 +1,23 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { AdminPage } from "./AdminPage";
+import { AdminPage } from './AdminPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/admin"
+  '/_authenticate/_inject-org-details/organization/_layout/admin',
 )({
   component: AdminPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/organization/secret-manager/overview" })
+        link: linkOptions({ to: '/organization/secret-manager/overview' }),
       },
       {
-        label: "Admin Console"
+        label: 'Admin Console',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/AppConnections/GithubOauthCallbackPage/route.tsx

@@ -1,21 +1,21 @@
-import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
+import { createFileRoute, stripSearchParams } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { GitHubOAuthCallbackPage } from "./GithubOauthCallbackPage";
+import { GitHubOAuthCallbackPage } from './GithubOauthCallbackPage'
 
 const GitHubOAuthCallbackPageQueryParamsSchema = z.object({
-  code: z.coerce.string().catch(""),
+  code: z.coerce.string().catch(''),
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  installation_id: z.coerce.string().optional().catch("")
+  installation_id: z.coerce.string().optional().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/app-connections/github/oauth/callback"
+  '/_authenticate/_inject-org-details/organization/_layout/app-connections/github/oauth/callback',
 )({
   component: GitHubOAuthCallbackPage,
   validateSearch: zodValidator(GitHubOAuthCallbackPageQueryParamsSchema),
   search: {
-    middlewares: [stripSearchParams({ state: "", installation_id: "" })]
+    middlewares: [stripSearchParams({ state: '', installation_id: '' })],
-  }
+  },
-});
+})

frontend/src/pages/organization/AuditLogsPage/route.tsx

@@ -1,23 +1,23 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { AuditLogsPage } from "./AuditLogsPage";
+import { AuditLogsPage } from './AuditLogsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/audit-logs"
+  '/_authenticate/_inject-org-details/organization/_layout/audit-logs',
 )({
   component: AuditLogsPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/organization/secret-manager/overview" })
+        link: linkOptions({ to: '/organization/secret-manager/overview' }),
       },
       {
-        label: "Audit Logs"
+        label: 'Audit Logs',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/BillingPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { BillingPage } from "./BillingPage";
+import { BillingPage } from './BillingPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/billing"
+  '/_authenticate/_inject-org-details/organization/_layout/billing',
 )({
-  component: BillingPage
+  component: BillingPage,
-});
+})

frontend/src/pages/organization/CertManagerOverviewPage/route.tsx

@@ -1,23 +1,23 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { CertManagerOverviewPage } from "./CertManagerOverviewPage";
+import { CertManagerOverviewPage } from './CertManagerOverviewPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/cert-manager/overview"
+  '/_authenticate/_inject-org-details/organization/_layout/cert-manager/overview',
 )({
   component: CertManagerOverviewPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Products",
+        label: 'Products',
-        icon: () => <FontAwesomeIcon icon={faHome} />
+        icon: () => <FontAwesomeIcon icon={faHome} />,
       },
       {
-        label: "Cert Management",
+        label: 'Cert Management',
-        link: linkOptions({ to: "/organization/cert-manager/overview" })
+        link: linkOptions({ to: '/organization/cert-manager/overview' }),
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/GroupDetailsByIDPage/route.tsx

@@ -1,27 +1,27 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { GroupDetailsByIDPage } from "./GroupDetailsByIDPage";
+import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/groups/$groupId"
+  '/_authenticate/_inject-org-details/organization/_layout/groups/$groupId',
 )({
   component: GroupDetailsByIDPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/organization/secret-manager/overview" })
+        link: linkOptions({ to: '/organization/secret-manager/overview' }),
       },
       {
-        label: "Access Control",
+        label: 'Access Control',
-        link: linkOptions({ to: "/organization/access-management" })
+        link: linkOptions({ to: '/organization/access-management' }),
       },
       {
-        label: "groups"
+        label: 'groups',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/IdentityDetailsByIDPage/route.tsx

@@ -1,27 +1,27 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
+import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/identities/$identityId"
+  '/_authenticate/_inject-org-details/organization/_layout/identities/$identityId',
 )({
   component: IdentityDetailsByIDPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/organization/secret-manager/overview" })
+        link: linkOptions({ to: '/organization/secret-manager/overview' }),
       },
       {
-        label: "Access Control",
+        label: 'Access Control',
-        link: linkOptions({ to: "/organization/access-management" })
+        link: linkOptions({ to: '/organization/access-management' }),
       },
       {
-        label: "identities"
+        label: 'identities',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/KmsOverviewPage/route.tsx

@@ -1,23 +1,23 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { KmsOverviewPage } from "./KmsOverviewPage";
+import { KmsOverviewPage } from './KmsOverviewPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/kms/overview"
+  '/_authenticate/_inject-org-details/organization/_layout/kms/overview',
 )({
   component: KmsOverviewPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Products",
+        label: 'Products',
-        icon: () => <FontAwesomeIcon icon={faHome} />
+        icon: () => <FontAwesomeIcon icon={faHome} />,
       },
       {
-        label: "KMS",
+        label: 'KMS',
-        link: linkOptions({ to: "/organization/kms/overview" })
+        link: linkOptions({ to: '/organization/kms/overview' }),
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/NoOrgPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { NoOrgPage } from "./NoOrgPage";
+import { NoOrgPage } from './NoOrgPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/none"
+  '/_authenticate/_inject-org-details/organization/_layout/none',
 )({
-  component: NoOrgPage
+  component: NoOrgPage,
-});
+})

frontend/src/pages/organization/RoleByIDPage/route.tsx

@@ -1,27 +1,27 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { RoleByIDPage } from "./RoleByIDPage";
+import { RoleByIDPage } from './RoleByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/roles/$roleId"
+  '/_authenticate/_inject-org-details/organization/_layout/roles/$roleId',
 )({
   component: RoleByIDPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/organization/secret-manager/overview" })
+        link: linkOptions({ to: '/organization/secret-manager/overview' }),
       },
       {
-        label: "Access Control",
+        label: 'Access Control',
-        link: linkOptions({ to: "/organization/access-management" })
+        link: linkOptions({ to: '/organization/access-management' }),
       },
       {
-        label: "Roles"
+        label: 'Roles',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/SecretManagerOverviewPage/route.tsx

@@ -1,22 +1,22 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SecretManagerOverviewPage } from "./SecretManagerOverviewPage";
+import { SecretManagerOverviewPage } from './SecretManagerOverviewPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/secret-manager/overview"
+  '/_authenticate/_inject-org-details/organization/_layout/secret-manager/overview',
 )({
   component: SecretManagerOverviewPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Products",
+        label: 'Products',
-        icon: () => <FontAwesomeIcon icon={faHome} />
+        icon: () => <FontAwesomeIcon icon={faHome} />,
       },
       {
-        label: "Secret Management"
+        label: 'Secret Management',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/SecretScanningPage/route.tsx

@@ -1,39 +1,43 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import {
-import { zodValidator } from "@tanstack/zod-adapter";
+  createFileRoute,
-import { z } from "zod";
+  linkOptions,
+  stripSearchParams,
+} from '@tanstack/react-router'
+import { zodValidator } from '@tanstack/zod-adapter'
+import { z } from 'zod'
 
-import { SecretScanningPage } from "./SecretScanningPage";
+import { SecretScanningPage } from './SecretScanningPage'
 
 const SecretScanningQueryParams = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  installation_id: z.coerce.string().optional()
+  installation_id: z.coerce.string().optional(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/secret-scanning"
+  '/_authenticate/_inject-org-details/organization/_layout/secret-scanning',
 )({
   validateSearch: zodValidator(SecretScanningQueryParams),
   component: SecretScanningPage,
   search: {
     middlewares: [
       stripSearchParams({
-        installation_id: "",
+        installation_id: '',
-        state: ""
+        state: '',
-      })
+      }),
-    ]
+    ],
   },
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/" })
+        link: linkOptions({ to: '/' }),
       },
       {
-        label: "Secret Scanning"
+        label: 'Secret Scanning',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/SecretSharingPage/route.tsx

@@ -1,23 +1,23 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { SecretSharingPage } from "./SecretSharingPage";
+import { SecretSharingPage } from './SecretSharingPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/secret-sharing"
+  '/_authenticate/_inject-org-details/organization/_layout/secret-sharing',
 )({
   component: SecretSharingPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/" })
+        link: linkOptions({ to: '/' }),
       },
       {
-        label: "secret sharing"
+        label: 'secret sharing',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/SettingsPage/route.tsx

@@ -1,33 +1,37 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import {
-import { zodValidator } from "@tanstack/zod-adapter";
+  createFileRoute,
-import { z } from "zod";
+  linkOptions,
+  stripSearchParams,
+} from '@tanstack/react-router'
+import { zodValidator } from '@tanstack/zod-adapter'
+import { z } from 'zod'
 
-import { SettingsPage } from "./SettingsPage";
+import { SettingsPage } from './SettingsPage'
 
 const SettingsPageQueryParams = z.object({
-  selectedTab: z.string().catch("")
+  selectedTab: z.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/settings"
+  '/_authenticate/_inject-org-details/organization/_layout/settings',
 )({
   component: SettingsPage,
   validateSearch: zodValidator(SettingsPageQueryParams),
   search: {
-    middlewares: [stripSearchParams({ selectedTab: "" })]
+    middlewares: [stripSearchParams({ selectedTab: '' })],
   },
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/" })
+        link: linkOptions({ to: '/' }),
       },
       {
-        label: "Settings"
+        label: 'Settings',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/SshOverviewPage/route.tsx

@@ -1,23 +1,23 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { SshOverviewPage } from "./SshOverviewPage";
+import { SshOverviewPage } from './SshOverviewPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/ssh/overview"
+  '/_authenticate/_inject-org-details/organization/_layout/ssh/overview',
 )({
   component: SshOverviewPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Products",
+        label: 'Products',
-        icon: () => <FontAwesomeIcon icon={faHome} />
+        icon: () => <FontAwesomeIcon icon={faHome} />,
       },
       {
-        label: "SSH",
+        label: 'SSH',
-        link: linkOptions({ to: "/organization/ssh/overview" })
+        link: linkOptions({ to: '/organization/ssh/overview' }),
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/UserDetailsByIDPage/route.tsx

@@ -1,27 +1,27 @@
-import { faHome } from "@fortawesome/free-solid-svg-icons";
+import { faHome } from '@fortawesome/free-solid-svg-icons'
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { UserDetailsByIDPage } from "./UserDetailsByIDPage";
+import { UserDetailsByIDPage } from './UserDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/organization/members/$membershipId"
+  '/_authenticate/_inject-org-details/organization/_layout/members/$membershipId',
 )({
   component: UserDetailsByIDPage,
   context: () => ({
     breadcrumbs: [
       {
-        label: "Home",
+        label: 'Home',
         icon: () => <FontAwesomeIcon icon={faHome} />,
-        link: linkOptions({ to: "/organization/secret-manager/overview" })
+        link: linkOptions({ to: '/organization/secret-manager/overview' }),
       },
       {
-        label: "Access Control",
+        label: 'Access Control',
-        link: linkOptions({ to: "/organization/access-management" })
+        link: linkOptions({ to: '/organization/access-management' }),
       },
       {
-        label: "Users"
+        label: 'Users',
-      }
+      },
-    ]
+    ],
-  })
+  }),
-});
+})

frontend/src/pages/organization/layout.tsx

@@ -1,7 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { OrganizationLayout } from "@app/layouts/OrganizationLayout";
+import { OrganizationLayout } from '@app/layouts/OrganizationLayout'
 
-export const Route = createFileRoute("/_authenticate/_inject-org-details/_org-layout")({
+export const Route = createFileRoute(
-  component: OrganizationLayout
+  '/_authenticate/_inject-org-details/organization/_layout',
-});
+)({
+  component: OrganizationLayout,
+})

frontend/src/pages/project/AccessControlPage/route-cert-manager.tsx

@@ -1,17 +1,19 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { ProjectAccessControlTabs } from "@app/types/project";
+import { ProjectAccessControlTabs } from '@app/types/project'
 
-import { AccessControlPage } from "./AccessControlPage";
+import { AccessControlPage } from './AccessControlPage'
 
 const AccessControlPageQuerySchema = z.object({
-  selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member)
+  selectedTab: z
-});
+    .nativeEnum(ProjectAccessControlTabs)
+    .catch(ProjectAccessControlTabs.Member),
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/access-management"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/access-management',
 )({
   component: AccessControlPage,
   validateSearch: zodValidator(AccessControlPageQuerySchema),
@@ -20,15 +22,15 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/cert-manager/$projectId/access-management",
+            to: '/cert-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/AccessControlPage/route-kms.tsx

@@ -1,17 +1,19 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { ProjectAccessControlTabs } from "@app/types/project";
+import { ProjectAccessControlTabs } from '@app/types/project'
 
-import { AccessControlPage } from "./AccessControlPage";
+import { AccessControlPage } from './AccessControlPage'
 
 const AccessControlPageQuerySchema = z.object({
-  selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member)
+  selectedTab: z
-});
+    .nativeEnum(ProjectAccessControlTabs)
+    .catch(ProjectAccessControlTabs.Member),
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/kms/$projectId/_kms-layout/access-management"
+  '/_authenticate/_inject-org-details/kms/$projectId/_kms-layout/access-management',
 )({
   component: AccessControlPage,
   validateSearch: zodValidator(AccessControlPageQuerySchema),
@@ -20,15 +22,15 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/kms/$projectId/access-management",
+            to: '/kms/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/AccessControlPage/route-secret-manager.tsx

@@ -1,17 +1,19 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { ProjectAccessControlTabs } from "@app/types/project";
+import { ProjectAccessControlTabs } from '@app/types/project'
 
-import { AccessControlPage } from "./AccessControlPage";
+import { AccessControlPage } from './AccessControlPage'
 
 const AccessControlPageQuerySchema = z.object({
-  selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member)
+  selectedTab: z
-});
+    .nativeEnum(ProjectAccessControlTabs)
+    .catch(ProjectAccessControlTabs.Member),
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/access-management"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/access-management',
 )({
   component: AccessControlPage,
   validateSearch: zodValidator(AccessControlPageQuerySchema),
@@ -20,15 +22,15 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/secret-manager/$projectId/access-management",
+            to: '/secret-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/AccessControlPage/route-ssh.tsx

@@ -1,17 +1,19 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { ProjectAccessControlTabs } from "@app/types/project";
+import { ProjectAccessControlTabs } from '@app/types/project'
 
-import { AccessControlPage } from "./AccessControlPage";
+import { AccessControlPage } from './AccessControlPage'
 
 const AccessControlPageQuerySchema = z.object({
-  selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member)
+  selectedTab: z
-});
+    .nativeEnum(ProjectAccessControlTabs)
+    .catch(ProjectAccessControlTabs.Member),
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/access-management"
+  '/_authenticate/_inject-org-details/ssh/$projectId/_ssh-layout/access-management',
 )({
   component: AccessControlPage,
   validateSearch: zodValidator(AccessControlPageQuerySchema),
@@ -20,15 +22,15 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/ssh/$projectId/access-management",
+            to: '/ssh/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/IdentityDetailsByIDPage/route-cert-manager.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
+import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/identities/$identityId"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/identities/$identityId',
 )({
   component: IdentityDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/cert-manager/$projectId/access-management",
+            to: '/cert-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Identities"
+          label: 'Identities',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/IdentityDetailsByIDPage/route-kms.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
+import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/kms/$projectId/_kms-layout/identities/$identityId"
+  '/_authenticate/_inject-org-details/kms/$projectId/_kms-layout/identities/$identityId',
 )({
   component: IdentityDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/kms/$projectId/access-management",
+            to: '/kms/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Identities"
+          label: 'Identities',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/IdentityDetailsByIDPage/route-secret-manager.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
+import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/identities/$identityId"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/identities/$identityId',
 )({
   component: IdentityDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/secret-manager/$projectId/access-management",
+            to: '/secret-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Identities"
+          label: 'Identities',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/IdentityDetailsByIDPage/route-ssh.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { IdentityDetailsByIDPage } from "./IdentityDetailsByIDPage";
+import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/identities/$identityId"
+  '/_authenticate/_inject-org-details/ssh/$projectId/_ssh-layout/identities/$identityId',
 )({
   component: IdentityDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/ssh/$projectId/access-management",
+            to: '/ssh/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Identities"
+          label: 'Identities',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/MemberDetailsByIDPage/route-cert-manager.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
+import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/members/$membershipId"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/members/$membershipId',
 )({
   component: MemberDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/cert-manager/$projectId/access-management",
+            to: '/cert-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Users"
+          label: 'Users',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/MemberDetailsByIDPage/route-kms.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
+import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/kms/$projectId/_kms-layout/members/$membershipId"
+  '/_authenticate/_inject-org-details/kms/$projectId/_kms-layout/members/$membershipId',
 )({
   component: MemberDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/kms/$projectId/access-management",
+            to: '/kms/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Users"
+          label: 'Users',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/MemberDetailsByIDPage/route-secret-manager.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
+import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/members/$membershipId"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/members/$membershipId',
 )({
   component: MemberDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/secret-manager/$projectId/access-management",
+            to: '/secret-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Users"
+          label: 'Users',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/MemberDetailsByIDPage/route-ssh.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { MemberDetailsByIDPage } from "./MemberDetailsByIDPage";
+import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/members/$membershipId"
+  '/_authenticate/_inject-org-details/ssh/$projectId/_ssh-layout/members/$membershipId',
 )({
   component: MemberDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/ssh/$projectId/access-management",
+            to: '/ssh/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Users"
+          label: 'Users',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/RoleDetailsBySlugPage/route-cert-manager.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
+import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/cert-manager/$projectId/_cert-manager-layout/roles/$roleSlug"
+  '/_authenticate/_inject-org-details/cert-manager/$projectId/_cert-manager-layout/roles/$roleSlug',
 )({
   component: RoleDetailsBySlugPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/cert-manager/$projectId/access-management",
+            to: '/cert-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Roles"
+          label: 'Roles',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/RoleDetailsBySlugPage/route-kms.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
+import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/kms/$projectId/_kms-layout/roles/$roleSlug"
+  '/_authenticate/_inject-org-details/kms/$projectId/_kms-layout/roles/$roleSlug',
 )({
   component: RoleDetailsBySlugPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/kms/$projectId/access-management",
+            to: '/kms/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Roles"
+          label: 'Roles',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/RoleDetailsBySlugPage/route-secret-manager.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
+import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/roles/$roleSlug"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/roles/$roleSlug',
 )({
   component: RoleDetailsBySlugPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/secret-manager/$projectId/access-management",
+            to: '/secret-manager/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Roles"
+          label: 'Roles',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/project/RoleDetailsBySlugPage/route-ssh.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { RoleDetailsBySlugPage } from "./RoleDetailsBySlugPage";
+import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/ssh/$projectId/_ssh-layout/roles/$roleSlug"
+  '/_authenticate/_inject-org-details/ssh/$projectId/_ssh-layout/roles/$roleSlug',
 )({
   component: RoleDetailsBySlugPage,
   beforeLoad: ({ context, params }) => {
@@ -11,18 +11,18 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Access Control",
+          label: 'Access Control',
           link: linkOptions({
-            to: "/ssh/$projectId/access-management",
+            to: '/ssh/$projectId/access-management',
             params: {
-              projectId: params.projectId
+              projectId: params.projectId,
-            }
+            },
-          })
+          }),
         },
         {
-          label: "Roles"
+          label: 'Roles',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/IPAllowlistPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { IPAllowListPage } from "./IPAllowlistPage";
+import { IPAllowListPage } from './IPAllowlistPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/allowlist"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/allowlist',
 )({
-  component: () => IPAllowListPage
+  component: () => IPAllowListPage,
-});
+})

frontend/src/pages/secret-manager/IntegrationsDetailsByIDPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { IntegrationDetailsByIDPage } from "./IntegrationsDetailsByIDPage";
+import { IntegrationDetailsByIDPage } from './IntegrationsDetailsByIDPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/$integrationId"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/$integrationId',
 )({
   component: IntegrationDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Details"
+          label: 'Details',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/IntegrationsListPage/route.tsx

@@ -4,7 +4,7 @@ import { z } from "zod";
 
 import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { IntegrationsListPage } from "./IntegrationsListPage";
+import { IntegrationsListPage } from './IntegrationsListPage'
 
 const IntegrationsListPageQuerySchema = z.object({
   selectedTab: z
@@ -13,7 +13,7 @@ const IntegrationsListPageQuerySchema = z.object({
 });
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/',
 )({
   component: IntegrationsListPage,
   validateSearch: zodValidator(IntegrationsListPageQuerySchema),
@@ -22,9 +22,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations"
+          label: 'Integrations',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/OverviewPage/route.tsx

@@ -1,20 +1,20 @@
-import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
+import { createFileRoute, stripSearchParams } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { OverviewPage } from "./OverviewPage";
+import { OverviewPage } from './OverviewPage'
 
 const SecretOverviewPageQuerySchema = z.object({
-  search: z.string().catch(""),
+  search: z.string().catch(''),
-  secretPath: z.string().catch("/")
+  secretPath: z.string().catch('/'),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/overview"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/overview',
 )({
   component: OverviewPage,
   validateSearch: zodValidator(SecretOverviewPageQuerySchema),
   search: {
-    middlewares: [stripSearchParams({ secretPath: "/", search: "" })]
+    middlewares: [stripSearchParams({ secretPath: '/', search: '' })],
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/SecretApprovalsPage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { SecretApprovalsPage } from "./SecretApprovalsPage";
+import { SecretApprovalsPage } from './SecretApprovalsPage'
 
 const SecretApprovalPageQueryParams = z.object({
-  requestId: z.string().catch("")
+  requestId: z.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/approval"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/approval',
 )({
   component: SecretApprovalsPage,
   validateSearch: zodValidator(SecretApprovalPageQueryParams),
@@ -18,9 +18,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Approvals"
+          label: 'Approvals',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/SecretDashboardPage/route.tsx

@@ -1,44 +1,51 @@
-import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import {
-import { zodValidator } from "@tanstack/zod-adapter";
+  createFileRoute,
-import { z } from "zod";
+  linkOptions,
+  stripSearchParams,
+} from '@tanstack/react-router'
+import { zodValidator } from '@tanstack/zod-adapter'
+import { z } from 'zod'
 
-import { SecretDashboardPathBreadcrumb } from "@app/components/navigation/SecretDashboardPathBreadcrumb";
+import { SecretDashboardPathBreadcrumb } from '@app/components/navigation/SecretDashboardPathBreadcrumb'
-import { BreadcrumbTypes } from "@app/components/v2";
+import { BreadcrumbTypes } from '@app/components/v2'
 
-import { SecretDashboardPage } from "./SecretDashboardPage";
+import { SecretDashboardPage } from './SecretDashboardPage'
 
 const SecretDashboardPageQueryParamsSchema = z.object({
-  secretPath: z.string().catch("/"),
+  secretPath: z.string().catch('/'),
-  search: z.string().catch(""),
+  search: z.string().catch(''),
-  tags: z.string().catch("")
+  tags: z.string().catch(''),
-});
+})
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/secrets/$envSlug"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/secrets/$envSlug',
 )({
   component: SecretDashboardPage,
   validateSearch: zodValidator(SecretDashboardPageQueryParamsSchema),
   search: {
-    middlewares: [stripSearchParams({ secretPath: "/", search: "", tags: "" })]
+    middlewares: [stripSearchParams({ secretPath: '/', search: '', tags: '' })],
   },
   beforeLoad: ({ context, params, search }) => {
-    const secretPathSegments = search.secretPath.split("/").filter(Boolean);
+    const secretPathSegments = search.secretPath.split('/').filter(Boolean)
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
           type: BreadcrumbTypes.Dropdown,
-          label: context.project.environments.find((el) => el.slug === params.envSlug)?.name || "",
+          label:
-          dropdownTitle: "Environments",
+            context.project.environments.find(
+              (el) => el.slug === params.envSlug,
+            )?.name || '',
+          dropdownTitle: 'Environments',
           links: context.project.environments.map((el) => ({
             label: el.name,
             link: linkOptions({
-              to: "/secret-manager/$projectId/secrets/$envSlug",
+              to: '/secret-manager/$projectId/secrets/$envSlug',
               params: {
                 projectId: params.projectId,
-                envSlug: el.slug
+                envSlug: el.slug,
-              }
+              },
-            })
+            }),
-          }))
+          })),
         },
         ...secretPathSegments.map((_, index) => ({
           type: BreadcrumbTypes.Component,
@@ -49,9 +56,9 @@ export const Route = createFileRoute(
               environmentSlug={params.envSlug}
               projectId={params.projectId}
             />
-          )
+          ),
-        }))
+        })),
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/SecretRotationPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SecretRotationPage } from "./SecretRotationPage";
+import { SecretRotationPage } from './SecretRotationPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/secret-rotation"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/secret-rotation',
 )({
   component: SecretRotationPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Secret Rotation"
+          label: 'Secret Rotation',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/SettingsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from "@tanstack/react-router";
+import { createFileRoute } from '@tanstack/react-router'
 
-import { SettingsPage } from "./SettingsPage";
+import { SettingsPage } from './SettingsPage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/settings"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/settings',
 )({
   component: SettingsPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Settings"
+          label: 'Settings',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AwsParameterStoreAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { AWSParameterStoreAuthorizeIntegrationPage } from "./AwsParameterStoreAuthorizePage";
+import { AWSParameterStoreAuthorizeIntegrationPage } from './AwsParameterStoreAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/aws-parameter-store/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/aws-parameter-store/authorize',
 )({
   component: AWSParameterStoreAuthorizeIntegrationPage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "AWS Parameter Store"
+          label: 'AWS Parameter Store',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AwsParameterStoreConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { AWSParameterStoreConfigurePage } from "./AwsParamterStoreConfigurePage";
+import { AWSParameterStoreConfigurePage } from './AwsParamterStoreConfigurePage'
 
 const AwsParameterStoreConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/aws-parameter-store/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/aws-parameter-store/create',
 )({
   component: AWSParameterStoreConfigurePage,
   validateSearch: zodValidator(AwsParameterStoreConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "AWS Parameter Store"
+          label: 'AWS Parameter Store',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AwsSecretManagerAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { AWSSecretManagerAuthorizePage } from "./AwsSecretManagerAuthorizePage";
+import { AWSSecretManagerAuthorizePage } from './AwsSecretManagerAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/aws-secret-manager/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/aws-secret-manager/authorize',
 )({
   component: AWSSecretManagerAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "AWS Secret Manager"
+          label: 'AWS Secret Manager',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AwsSecretManagerConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { AwsSecretManagerConfigurePage } from "./AwsSecretManagerConfigurePage";
+import { AwsSecretManagerConfigurePage } from './AwsSecretManagerConfigurePage'
 
 const AwsSecretManagerConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/aws-secret-manager/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/aws-secret-manager/create',
 )({
   component: AwsSecretManagerConfigurePage,
   validateSearch: zodValidator(AwsSecretManagerConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "AWS Secret Manager"
+          label: 'AWS Secret Manager',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AzureAppConfigurationConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { AzureAppConfigurationConfigurePage } from "./AzureAppConfigurationConfigurePage";
+import { AzureAppConfigurationConfigurePage } from './AzureAppConfigurationConfigurePage'
 
 const AzureAppConfigurationPageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/azure-app-configuration/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/azure-app-configuration/create',
 )({
   component: AzureAppConfigurationConfigurePage,
   validateSearch: zodValidator(AzureAppConfigurationPageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Azure App Configuration"
+          label: 'Azure App Configuration',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AzureAppConfigurationOauthCallbackPage/route.tsx

@@ -1,34 +1,38 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { AzureAppConfigurationOauthCallbackPage } from "./AzureAppConfigurationOauthCallbackPage";
+import { AzureAppConfigurationOauthCallbackPage } from './AzureAppConfigurationOauthCallbackPage'
 
-export const AzureAppConfigurationOauthCallbackPageQueryParamsSchema = z.object({
+export const AzureAppConfigurationOauthCallbackPageQueryParamsSchema = z.object(
-  state: z.string().catch(""),
+  {
-  code: z.coerce.string().catch("")
+    state: z.string().catch(''),
-});
+    code: z.coerce.string().catch(''),
+  },
+)
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/azure-app-configuration/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/azure-app-configuration/oauth2/callback',
 )({
   component: AzureAppConfigurationOauthCallbackPage,
-  validateSearch: zodValidator(AzureAppConfigurationOauthCallbackPageQueryParamsSchema),
+  validateSearch: zodValidator(
+    AzureAppConfigurationOauthCallbackPageQueryParamsSchema,
+  ),
   beforeLoad: ({ context, params }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Azure App Configuration"
+          label: 'Azure App Configuration',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AzureDevopsAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { AzureDevopsAuthorizePage } from "./AzureDevopsAuthorizePage";
+import { AzureDevopsAuthorizePage } from './AzureDevopsAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/azure-devops/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/azure-devops/authorize',
 )({
   component: AzureDevopsAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Azure Devops"
+          label: 'Azure Devops',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AzureDevopsConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { AzureDevopsConfigurePage } from "./AzureDevopsConfigurePage";
+import { AzureDevopsConfigurePage } from './AzureDevopsConfigurePage'
 
 const AzureDevopsConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/azure-devops/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/azure-devops/create',
 )({
   component: AzureDevopsConfigurePage,
   validateSearch: zodValidator(AzureDevopsConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Azure Devops"
+          label: 'Azure Devops',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AzureKeyVaultAuthorizePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import z from "zod";
+import z from 'zod'
 
-import { AzureKeyVaultAuthorizePage } from "./AzureKeyVaultAuthorizePage";
+import { AzureKeyVaultAuthorizePage } from './AzureKeyVaultAuthorizePage'
 
 const PageQueryParamsSchema = z.object({
   state: z.string(),
-  clientId: z.string().optional()
+  clientId: z.string().optional(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/azure-key-vault/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/azure-key-vault/authorize',
 )({
   component: AzureKeyVaultAuthorizePage,
   validateSearch: PageQueryParamsSchema,
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Azure Key Vault"
+          label: 'Azure Key Vault',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AzureKeyVaultConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { AzureKeyVaultConfigurePage } from "./AzureKeyVaultConfigurePage";
+import { AzureKeyVaultConfigurePage } from './AzureKeyVaultConfigurePage'
 
 const AzureKeyVaultConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/azure-key-vault/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/azure-key-vault/create',
 )({
   component: AzureKeyVaultConfigurePage,
   validateSearch: zodValidator(AzureKeyVaultConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Azure Key Vault"
+          label: 'Azure Key Vault',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/AzureKeyVaultOauthCallbackPage/route.tsx

@@ -1,16 +1,16 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { AzureKeyVaultOauthCallbackPage } from "./AzureKeyVaultOauthCallback";
+import { AzureKeyVaultOauthCallbackPage } from './AzureKeyVaultOauthCallback'
 
 export const AzureKeyVaultOauthCallbackQueryParamsSchema = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  code: z.coerce.string().catch("")
+  code: z.coerce.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/azure-key-vault/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/azure-key-vault/oauth2/callback',
 )({
   component: AzureKeyVaultOauthCallbackPage,
   validateSearch: zodValidator(AzureKeyVaultOauthCallbackQueryParamsSchema),
@@ -19,16 +19,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Azure Key Vault"
+          label: 'Azure Key Vault',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/BitbucketConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { BitbucketConfigurePage } from "./BitbucketConfigurePage";
+import { BitbucketConfigurePage } from './BitbucketConfigurePage'
 
 const BitbucketConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/bitbucket/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/bitbucket/create',
 )({
   component: BitbucketConfigurePage,
   validateSearch: zodValidator(BitbucketConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Bitbucket"
+          label: 'Bitbucket',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/BitbucketOauthCallbackPage/route.tsx

@@ -1,16 +1,16 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { BitbucketOauthCallbackPage } from "./BitbucketOauthCallbackPage";
+import { BitbucketOauthCallbackPage } from './BitbucketOauthCallbackPage'
 
 export const BitbucketOauthCallbackQueryParamsSchema = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  code: z.coerce.string().catch("")
+  code: z.coerce.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/bitbucket/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/bitbucket/oauth2/callback',
 )({
   component: BitbucketOauthCallbackPage,
   validateSearch: zodValidator(BitbucketOauthCallbackQueryParamsSchema),
@@ -19,16 +19,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Bitbucket"
+          label: 'Bitbucket',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/ChecklyAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { ChecklyAuthorizePage } from "./ChecklyAuthorizePage";
+import { ChecklyAuthorizePage } from './ChecklyAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/checkly/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/checkly/authorize',
 )({
   component: ChecklyAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Checkly"
+          label: 'Checkly',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/ChecklyConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { ChecklyConfigurePage } from "./ChecklyConfigurePage";
+import { ChecklyConfigurePage } from './ChecklyConfigurePage'
 
 const ChecklyConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/checkly/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/checkly/create',
 )({
   component: ChecklyConfigurePage,
   validateSearch: zodValidator(ChecklyConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Checkly"
+          label: 'Checkly',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CircleCIAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { CircleCIAuthorizePage } from "./CircleCIAuthorizePage";
+import { CircleCIAuthorizePage } from './CircleCIAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/circleci/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/circleci/authorize',
 )({
   component: CircleCIAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Circle CI"
+          label: 'Circle CI',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CircleCIConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { CircleCIConfigurePage } from "./CircleCIConfigurePage";
+import { CircleCIConfigurePage } from './CircleCIConfigurePage'
 
 const CircleCIConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/circleci/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/circleci/create',
 )({
   component: CircleCIConfigurePage,
   validateSearch: zodValidator(CircleCIConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Circle CI"
+          label: 'Circle CI',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/Cloud66AuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { Cloud66AuthorizePage } from "./Cloud66AuthorizePage";
+import { Cloud66AuthorizePage } from './Cloud66AuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/cloud-66/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/cloud-66/authorize',
 )({
   component: Cloud66AuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Cloud 66"
+          label: 'Cloud 66',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/Cloud66ConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { Cloud66ConfigurePage } from "./Cloud66ConfigurePage";
+import { Cloud66ConfigurePage } from './Cloud66ConfigurePage'
 
 const Cloud66ConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/cloud-66/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/cloud-66/create',
 )({
   component: Cloud66ConfigurePage,
   validateSearch: zodValidator(Cloud66ConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Cloud 66"
+          label: 'Cloud 66',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CloudflarePagesAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { CloudflarePagesAuthorizePage } from "./CloudflarePagesAuthorizePage";
+import { CloudflarePagesAuthorizePage } from './CloudflarePagesAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-pages/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-pages/authorize',
 )({
   component: CloudflarePagesAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Cloudflare Pages"
+          label: 'Cloudflare Pages',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CloudflarePagesConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { CloudflarePagesConfigurePage } from "./CloudflarePagesConfigurePage";
+import { CloudflarePagesConfigurePage } from './CloudflarePagesConfigurePage'
 
 const CloudflarePagesConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-pages/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-pages/create',
 )({
   component: CloudflarePagesConfigurePage,
   validateSearch: zodValidator(CloudflarePagesConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Cloudflare Pages"
+          label: 'Cloudflare Pages',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CloudflareWorkersAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { CloudflareWorkersAuthorizePage } from "./CloudflareWorkersAuthorizePage";
+import { CloudflareWorkersAuthorizePage } from './CloudflareWorkersAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-workers/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-workers/authorize',
 )({
   component: CloudflareWorkersAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Cloudflare Workers"
+          label: 'Cloudflare Workers',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CloudflareWorkersConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { CloudflareWorkersConfigurePage } from "./CloudflareWorkersConfigurePage";
+import { CloudflareWorkersConfigurePage } from './CloudflareWorkersConfigurePage'
 
 const CloudflareWorkersConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-workers/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/cloudflare-workers/create',
 )({
   component: CloudflareWorkersConfigurePage,
   validateSearch: zodValidator(CloudflareWorkersConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Cloudflare Workers"
+          label: 'Cloudflare Workers',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CodefreshAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { CodefreshAuthorizePage } from "./CodefreshAuthorizePage";
+import { CodefreshAuthorizePage } from './CodefreshAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/codefresh/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/codefresh/authorize',
 )({
   component: CodefreshAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Codefresh"
+          label: 'Codefresh',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/CodefreshConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { CodefreshConfigurePage } from "./CodefreshConfigurePage";
+import { CodefreshConfigurePage } from './CodefreshConfigurePage'
 
 const CodefreshConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/codefresh/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/codefresh/create',
 )({
   component: CodefreshConfigurePage,
   validateSearch: zodValidator(CodefreshConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Codefresh"
+          label: 'Codefresh',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/DatabricksAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { DatabricksAuthorizePage } from "./DatabricksAuthorizePage";
+import { DatabricksAuthorizePage } from './DatabricksAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/databricks/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/databricks/authorize',
 )({
   component: DatabricksAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Databricks"
+          label: 'Databricks',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/DatabricksConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { DatabricksConfigurePage } from "./DatabricksConfigurePage";
+import { DatabricksConfigurePage } from './DatabricksConfigurePage'
 
 const DatabricksConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/databricks/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/databricks/create',
 )({
   component: DatabricksConfigurePage,
   validateSearch: zodValidator(DatabricksConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Databricks"
+          label: 'Databricks',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/DigitalOceanAppPlatformAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { DigitalOceanAppPlatformAuthorizePage } from "./DigitalOceanAppPlatformAuthorizePage";
+import { DigitalOceanAppPlatformAuthorizePage } from './DigitalOceanAppPlatformAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/digital-ocean-app-platform/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/digital-ocean-app-platform/authorize',
 )({
   component: DigitalOceanAppPlatformAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "DigitalOcean App Platform"
+          label: 'DigitalOcean App Platform',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/DigitalOceanAppPlatformConfigurePage/route.tsx

@@ -1,33 +1,35 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { DigitalOceanAppPlatformConfigurePage } from "./DigitalOceanAppPlatformConfigurePage";
+import { DigitalOceanAppPlatformConfigurePage } from './DigitalOceanAppPlatformConfigurePage'
 
 const DigitalOceanAppPlatformConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/digital-ocean-app-platform/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/digital-ocean-app-platform/create',
 )({
   component: DigitalOceanAppPlatformConfigurePage,
-  validateSearch: zodValidator(DigitalOceanAppPlatformConfigurePageQueryParamsSchema),
+  validateSearch: zodValidator(
+    DigitalOceanAppPlatformConfigurePageQueryParamsSchema,
+  ),
   beforeLoad: ({ context, params }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "DigitalOcean App Platform"
+          label: 'DigitalOcean App Platform',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/FlyioAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { FlyioAuthorizePage } from "./FlyioAuthorizePage";
+import { FlyioAuthorizePage } from './FlyioAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/flyio/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/flyio/authorize',
 )({
   component: FlyioAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Fly IO"
+          label: 'Fly IO',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/FlyioConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { FlyioConfigurePage } from "./FlyioConfigurePage";
+import { FlyioConfigurePage } from './FlyioConfigurePage'
 
 const FlyioConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/flyio/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/flyio/create',
 )({
   component: FlyioConfigurePage,
   validateSearch: zodValidator(FlyioConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Fly IO"
+          label: 'Fly IO',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GcpSecretManagerAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { GcpSecretManagerAuthorizePage } from "./GcpSecretManagerAuthorizePage";
+import { GcpSecretManagerAuthorizePage } from './GcpSecretManagerAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/gcp-secret-manager/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/gcp-secret-manager/authorize',
 )({
   component: GcpSecretManagerAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GCP Secret Manager"
+          label: 'GCP Secret Manager',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GcpSecretManagerConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { GcpSecretManagerConfigurePage } from "./GcpSecretManagerConfigurePage";
+import { GcpSecretManagerConfigurePage } from './GcpSecretManagerConfigurePage'
 
 const GcpConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/gcp-secret-manager/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/gcp-secret-manager/create',
 )({
   component: GcpSecretManagerConfigurePage,
   validateSearch: zodValidator(GcpConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GCP Secret Manager"
+          label: 'GCP Secret Manager',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GcpSecretManagerOauthCallbackPage/route.tsx

@@ -1,34 +1,36 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { GcpSecretManagerOauthCallbackPage } from "./GcpSecretManagerOauthCallbackPage";
+import { GcpSecretManagerOauthCallbackPage } from './GcpSecretManagerOauthCallbackPage'
 
 export const GcpSecretManagerOAuthCallbackPageQueryParamsSchema = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  code: z.coerce.string().catch("")
+  code: z.coerce.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/gcp-secret-manager/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/gcp-secret-manager/oauth2/callback',
 )({
   component: GcpSecretManagerOauthCallbackPage,
-  validateSearch: zodValidator(GcpSecretManagerOAuthCallbackPageQueryParamsSchema),
+  validateSearch: zodValidator(
+    GcpSecretManagerOAuthCallbackPageQueryParamsSchema,
+  ),
   beforeLoad: ({ context, params }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GCP Secret Manager"
+          label: 'GCP Secret Manager',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GithubAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { GithubAuthorizePage } from "./GithubAuthorizePage";
+import { GithubAuthorizePage } from './GithubAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/github/auth-mode-selection"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/github/auth-mode-selection',
 )({
   component: GithubAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GitHub"
+          label: 'GitHub',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GithubConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { GithubConfigurePage } from "./GithubConfigurePage";
+import { GithubConfigurePage } from './GithubConfigurePage'
 
 const GithubConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/github/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/github/create',
 )({
   component: GithubConfigurePage,
   validateSearch: zodValidator(GithubConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GitHub"
+          label: 'GitHub',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GithubOauthCallbackPage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { GithubOauthCallbackPage } from "./GithubOauthCallbackPage";
+import { GithubOauthCallbackPage } from './GithubOauthCallbackPage'
 
 export const GithubOAuthCallbackPageQueryParamsSchema = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  installation_id: z.coerce.string().optional().catch(""),
+  installation_id: z.coerce.string().optional().catch(''),
-  code: z.coerce.string().catch("")
+  code: z.coerce.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/github/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/github/oauth2/callback',
 )({
   component: GithubOauthCallbackPage,
   validateSearch: zodValidator(GithubOAuthCallbackPageQueryParamsSchema),
@@ -20,16 +20,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GitHub"
+          label: 'GitHub',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GitlabAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { GitlabAuthorizePage } from "./GitlabAuthorizePage";
+import { GitlabAuthorizePage } from './GitlabAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/gitlab/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/gitlab/authorize',
 )({
   component: GitlabAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GitLab"
+          label: 'GitLab',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GitlabConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { GitlabConfigurePage } from "./GitlabConfigurePage";
+import { GitlabConfigurePage } from './GitlabConfigurePage'
 
 const GitlabConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/gitlab/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/gitlab/create',
 )({
   component: GitlabConfigurePage,
   validateSearch: zodValidator(GitlabConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GitLab"
+          label: 'GitLab',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/GitlabOauthCallbackPage/route.tsx

@@ -1,16 +1,16 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { GitLabOAuthCallbackPage } from "./GitlabOauthCallbackPage";
+import { GitLabOAuthCallbackPage } from './GitlabOauthCallbackPage'
 
 export const GitlabOAuthCallbackPageQueryParamsSchema = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  code: z.coerce.string().catch("")
+  code: z.coerce.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/gitlab/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/gitlab/oauth2/callback',
 )({
   component: GitLabOAuthCallbackPage,
   validateSearch: zodValidator(GitlabOAuthCallbackPageQueryParamsSchema),
@@ -19,16 +19,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "GitLab"
+          label: 'GitLab',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/HashicorpVaultAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { HashicorpVaultAuthorizePage } from "./HashicorpVaultAuthorizePage";
+import { HashicorpVaultAuthorizePage } from './HashicorpVaultAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/hashicorp-vault/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/hashicorp-vault/authorize',
 )({
   component: HashicorpVaultAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Hashicorp Vault"
+          label: 'Hashicorp Vault',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/HashicorpVaultConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { HashicorpVaultConfigurePage } from "./HashicorpVaultConfigurePage";
+import { HashicorpVaultConfigurePage } from './HashicorpVaultConfigurePage'
 
 const HashicorpVaultConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/hashicorp-vault/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/hashicorp-vault/create',
 )({
   component: HashicorpVaultConfigurePage,
   validateSearch: zodValidator(HashicorpVaultConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Hashicorp Vault"
+          label: 'Hashicorp Vault',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/HasuraCloudAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { HasuraCloudAuthorizePage } from "./HasuraCloudAuthorizePage";
+import { HasuraCloudAuthorizePage } from './HasuraCloudAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/hasura-cloud/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/hasura-cloud/authorize',
 )({
   component: HasuraCloudAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Hasura Cloud"
+          label: 'Hasura Cloud',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/HasuraCloudConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { HasuraCloudConfigurePage } from "./HasuraCloudConfigurePage";
+import { HasuraCloudConfigurePage } from './HasuraCloudConfigurePage'
 
 const HasuraCloudConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/hasura-cloud/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/hasura-cloud/create',
 )({
   component: HasuraCloudConfigurePage,
   validateSearch: zodValidator(HasuraCloudConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Hasura Cloud"
+          label: 'Hasura Cloud',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/HerokuConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { HerokuConfigurePage } from "./HerokuConfigurePage";
+import { HerokuConfigurePage } from './HerokuConfigurePage'
 
 const HerokuConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/heroku/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/heroku/create',
 )({
   component: HerokuConfigurePage,
   validateSearch: zodValidator(HerokuConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Heroku Cloud"
+          label: 'Heroku Cloud',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/HerokuOauthCallbackPage/route.tsx

@@ -1,16 +1,16 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { HerokuOAuthCallbackPage } from "./HerokuOauthCallbackPage";
+import { HerokuOAuthCallbackPage } from './HerokuOauthCallbackPage'
 
 export const HerokuOAuthCallbackPageQueryParamsSchema = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  code: z.coerce.string().catch("")
+  code: z.coerce.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/heroku/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/heroku/oauth2/callback',
 )({
   component: HerokuOAuthCallbackPage,
   validateSearch: zodValidator(HerokuOAuthCallbackPageQueryParamsSchema),
@@ -19,16 +19,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Heroku Cloud"
+          label: 'Heroku Cloud',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/LaravelForgeAuthorizePage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
 
-import { LaravelForgeAuthorizePage } from "./LaravelForgeAuthorizePage";
+import { LaravelForgeAuthorizePage } from './LaravelForgeAuthorizePage'
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/laravel-forge/authorize"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/laravel-forge/authorize',
 )({
   component: LaravelForgeAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -11,16 +11,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Laravel Forge"
+          label: 'Laravel Forge',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/LaravelForgeConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { LaravelForgeConfigurePage } from "./LaravelForgeConfigurePage";
+import { LaravelForgeConfigurePage } from './LaravelForgeConfigurePage'
 
 const LaravelForgeConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/laravel-forge/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/laravel-forge/create',
 )({
   component: LaravelForgeConfigurePage,
   validateSearch: zodValidator(LaravelForgeConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Laravel Forge"
+          label: 'Laravel Forge',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/NetlifyConfigurePage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { NetlifyConfigurePage } from "./NetlifyConfigurePage";
+import { NetlifyConfigurePage } from './NetlifyConfigurePage'
 
 const NetlifyConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string()
+  integrationAuthId: z.string(),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/netlify/create"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/netlify/create',
 )({
   component: NetlifyConfigurePage,
   validateSearch: zodValidator(NetlifyConfigurePageQueryParamsSchema),
@@ -18,16 +18,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Netlify"
+          label: 'Netlify',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})

frontend/src/pages/secret-manager/integrations/NetlifyOauthCallbackPage/route.tsx

@@ -1,16 +1,16 @@
-import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from "@tanstack/zod-adapter";
+import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from "zod";
+import { z } from 'zod'
 
-import { NetlifyOauthCallbackPage } from "./NetlifyOauthCallbackPage";
+import { NetlifyOauthCallbackPage } from './NetlifyOauthCallbackPage'
 
 export const NetlifyOAuthCallbackPageQueryParamsSchema = z.object({
-  state: z.string().catch(""),
+  state: z.string().catch(''),
-  code: z.coerce.string().catch("")
+  code: z.coerce.string().catch(''),
-});
+})
 
 export const Route = createFileRoute(
-  "/_authenticate/_inject-org-details/_org-layout/secret-manager/$projectId/_secret-manager-layout/integrations/netlify/oauth2/callback"
+  '/_authenticate/_inject-org-details/secret-manager/$projectId/_secret-manager-layout/integrations/netlify/oauth2/callback',
 )({
   component: NetlifyOauthCallbackPage,
   validateSearch: zodValidator(NetlifyOAuthCallbackPageQueryParamsSchema),
@@ -19,16 +19,16 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: "Integrations",
+          label: 'Integrations',
           link: linkOptions({
-            to: "/secret-manager/$projectId/integrations",
+            to: '/secret-manager/$projectId/integrations',
-            params
+            params,
-          })
+          }),
         },
         {
-          label: "Netlify"
+          label: 'Netlify',
-        }
+        },
-      ]
+      ],
-    };
+    }
-  }
+  },
-});
+})