feat: completed all layout changes needed for frontend

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

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