PIT: general improvements and fixes

frontend/src/pages/secret-manager/CommitDetailsPage/CommitDetailsPage.tsx

@@ -1,15 +1,17 @@
-import { Helmet } from "react-helmet";
-import { useTranslation } from "react-i18next";
 import { useNavigate, useParams, useSearch } from "@tanstack/react-router";
 
+import { ProjectPermissionCan } from "@app/components/permissions";
 import { ROUTE_PATHS } from "@app/const/routes";
 import { useWorkspace } from "@app/context";
+import {
+  ProjectPermissionCommitsActions,
+  ProjectPermissionSub
+} from "@app/context/ProjectPermissionContext/types";
 import { ProjectType } from "@app/hooks/api/workspace/types";
 
 import { CommitDetailsTab } from "./components/CommitDetailsTab";
 
 export const CommitDetailsPage = () => {
-  const { t } = useTranslation();
   const envSlug = useParams({
     from: ROUTE_PATHS.SecretManager.CommitDetailsPage.id,
     select: (el) => el.environment
@@ -64,17 +66,20 @@ export const CommitDetailsPage = () => {
 
   return (
     <div className="mx-auto flex w-full max-w-7xl justify-center bg-bunker-800 pb-4 pt-2 text-white">
-      <Helmet>
-        <title>{t("common.head-title", { title: "Commit History" })}</title>
-      </Helmet>
       <div className="w-full max-w-[75vw]">
-        <CommitDetailsTab
-          selectedCommitId={selectedCommitId}
-          workspaceId={currentWorkspace.id}
-          goBackToHistory={handleGoBackToHistory}
-          envSlug={envSlug}
-          goToRollbackPreview={handleGoToRollbackPreview}
-        />
+        <ProjectPermissionCan
+          renderGuardBanner
+          I={ProjectPermissionCommitsActions.Read}
+          a={ProjectPermissionSub.Commits}
+        >
+          <CommitDetailsTab
+            selectedCommitId={selectedCommitId}
+            workspaceId={currentWorkspace.id}
+            goBackToHistory={handleGoBackToHistory}
+            envSlug={envSlug}
+            goToRollbackPreview={handleGoToRollbackPreview}
+          />
+        </ProjectPermissionCan>
       </div>
     </div>
   );