feat: resolved frontend url changes and resolved ts error

frontend/src/pages/project/GroupDetailsByIDPage/components/GroupDetailsSection.tsx

@@ -19,6 +19,7 @@ import { usePopUp } from "@app/hooks";
 import { useDeleteGroupFromWorkspace } from "@app/hooks/api";
 import { TGroupMembership } from "@app/hooks/api/groups/types";
 import { GroupRoles } from "@app/pages/project/AccessControlPage/components/GroupsTab/components/GroupsSection/GroupRoles";
+import { getProjectBaseURL } from "@app/helpers/project";
 
 type Props = {
   groupMembership: TGroupMembership;
@@ -46,7 +47,7 @@ export const GroupDetailsSection = ({ groupMembership }: Props) => {
       });
 
       navigate({
-        to: "/projects/$projectId/access-management",
+        to: `${getProjectBaseURL(currentWorkspace.type)}/access-management`,
         params: {
           projectId: currentWorkspace.id
         },

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

@@ -0,0 +1,33 @@
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
+
+import { ProjectAccessControlTabs } from '@app/types/project'
+
+import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
+
+export const Route = createFileRoute(
+  '/_authenticate/_inject-org-details/_org-layout/projects/cert-management/$projectId/_cert-manager-layout/groups/$groupId',
+)({
+  component: GroupDetailsByIDPage,
+  beforeLoad: ({ context, params }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: 'Access Control',
+          link: linkOptions({
+            to: '/projects/$projectId/access-management',
+            params: {
+              projectId: params.projectId,
+            },
+            search: {
+              selectedTab: ProjectAccessControlTabs.Groups,
+            },
+          }),
+        },
+        {
+          label: 'Group',
+        },
+      ],
+    }
+  },
+})

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

@@ -0,0 +1,33 @@
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
+
+import { ProjectAccessControlTabs } from '@app/types/project'
+
+import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
+
+export const Route = createFileRoute(
+  '/_authenticate/_inject-org-details/_org-layout/projects/kms/$projectId/_kms-layout/groups/$groupId',
+)({
+  component: GroupDetailsByIDPage,
+  beforeLoad: ({ context, params }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: 'Access Control',
+          link: linkOptions({
+            to: '/projects/$projectId/access-management',
+            params: {
+              projectId: params.projectId,
+            },
+            search: {
+              selectedTab: ProjectAccessControlTabs.Groups,
+            },
+          }),
+        },
+        {
+          label: 'Group',
+        },
+      ],
+    }
+  },
+})

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

@@ -0,0 +1,33 @@
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
+
+import { ProjectAccessControlTabs } from '@app/types/project'
+
+import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
+
+export const Route = createFileRoute(
+  '/_authenticate/_inject-org-details/_org-layout/projects/secret-management/$projectId/_secret-manager-layout/groups/$groupId',
+)({
+  component: GroupDetailsByIDPage,
+  beforeLoad: ({ context, params }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: 'Access Control',
+          link: linkOptions({
+            to: '/projects/$projectId/access-management',
+            params: {
+              projectId: params.projectId,
+            },
+            search: {
+              selectedTab: ProjectAccessControlTabs.Groups,
+            },
+          }),
+        },
+        {
+          label: 'Group',
+        },
+      ],
+    }
+  },
+})

frontend/src/pages/project/GroupDetailsByIDPage/route-secret-scanning.tsx

@@ -0,0 +1,33 @@
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
+
+import { ProjectAccessControlTabs } from '@app/types/project'
+
+import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
+
+export const Route = createFileRoute(
+  '/_authenticate/_inject-org-details/_org-layout/projects/secret-scanning/$projectId/_secret-scanning-layout/groups/$groupId',
+)({
+  component: GroupDetailsByIDPage,
+  beforeLoad: ({ context, params }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: 'Access Control',
+          link: linkOptions({
+            to: '/projects/$projectId/access-management',
+            params: {
+              projectId: params.projectId,
+            },
+            search: {
+              selectedTab: ProjectAccessControlTabs.Groups,
+            },
+          }),
+        },
+        {
+          label: 'Group',
+        },
+      ],
+    }
+  },
+})

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

@@ -0,0 +1,33 @@
+import { createFileRoute, linkOptions } from '@tanstack/react-router'
+
+import { ProjectAccessControlTabs } from '@app/types/project'
+
+import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
+
+export const Route = createFileRoute(
+  '/_authenticate/_inject-org-details/_org-layout/projects/ssh/$projectId/_ssh-layout/groups/$groupId',
+)({
+  component: GroupDetailsByIDPage,
+  beforeLoad: ({ context, params }) => {
+    return {
+      breadcrumbs: [
+        ...context.breadcrumbs,
+        {
+          label: 'Access Control',
+          link: linkOptions({
+            to: '/projects/$projectId/access-management',
+            params: {
+              projectId: params.projectId,
+            },
+            search: {
+              selectedTab: ProjectAccessControlTabs.Groups,
+            },
+          }),
+        },
+        {
+          label: 'Group',
+        },
+      ],
+    }
+  },
+})