remove commented code, combine a UI if-check, split permission check for cert section and pki collection section

frontend/src/layouts/ProjectLayout/ProjectLayout.tsx

@@ -105,6 +105,7 @@ export const ProjectLayout = () => {
                         </Link>
                       )}
                       {isCertManager && (
+                        <>
                           <Link
                             to={`/${ProjectType.CertificateManager}/$projectId/overview` as const}
                             params={{
@@ -117,8 +118,6 @@ export const ProjectLayout = () => {
                               </MenuItem>
                             )}
                           </Link>
-                      )}
-                      {isCertManager && (
                           <Link
                             to={
                               `/${ProjectType.CertificateManager}/$projectId/certificate-authorities` as const
@@ -133,8 +132,6 @@ export const ProjectLayout = () => {
                               </MenuItem>
                             )}
                           </Link>
-                      )}
-                      {isCertManager && (
                           <Link
                             to={`/${ProjectType.CertificateManager}/$projectId/alerting` as const}
                             params={{
@@ -147,6 +144,7 @@ export const ProjectLayout = () => {
                               </MenuItem>
                             )}
                           </Link>
+                        </>
                       )}
                       {isCmek && (
                         <Link

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

@@ -6,7 +6,6 @@ import { PageHeader } from "@app/components/v2";
 import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
 
 import { PkiCollectionSection } from "../AlertingPage/components";
-// import { CertificateTemplatesSection } from "./components/CertificateTemplatesSection";
 import { CertificatesSection } from "./components";
 
 export const CertificatesPage = () => {
@@ -22,10 +21,16 @@ export const CertificatesPage = () => {
           renderGuardBanner
           passThrough={false}
           I={ProjectPermissionActions.Read}
-          a={ProjectPermissionSub.Certificates}
+          a={ProjectPermissionSub.PkiCollections}
         >
           <PkiCollectionSection />
-          {/* <CertificateTemplatesSection /> */}
+        </ProjectPermissionCan>
+        <ProjectPermissionCan
+          renderGuardBanner
+          passThrough={false}
+          I={ProjectPermissionActions.Read}
+          a={ProjectPermissionSub.Certificates}
+        >
           <CertificatesSection />
         </ProjectPermissionCan>
       </div>