feat(rbac): grouped folder and imports permission into secret permission

frontend/src/views/DashboardPage/DashboardPage.tsx

@@ -258,21 +258,7 @@ export const DashboardPage = () => {
     ?.map(({ name }) => name)
     .join("/")}`;
 
-  const userAvailableEnvs = currentWorkspace?.environments?.filter(
-    ({ slug }) =>
-      permission.can(
-        ProjectPermissionActions.Read,
-        subject(ProjectPermissionSub.Secrets, { environment: slug, secretPath })
-      ) ||
-      permission.can(
-        ProjectPermissionActions.Read,
-        subject(ProjectPermissionSub.Folders, { environment: slug, secretPath })
-      ) ||
-      permission.can(
-        ProjectPermissionActions.Read,
-        subject(ProjectPermissionSub.SecretImports, { environment: slug, secretPath })
-      )
-  );
+  const userAvailableEnvs = currentWorkspace?.environments || [];
 
   // This is for dnd-kit. As react-query state mutation async
   // This will act as a placeholder to avoid a glitching animation on dropping items
@@ -943,7 +929,7 @@ export const DashboardPage = () => {
                       <div className="w-full pb-1">
                         <ProjectPermissionCan
                           I={ProjectPermissionActions.Create}
-                          a={ProjectPermissionSub.Folders}
+                          a={ProjectPermissionSub.Secrets}
                         >
                           {(isAllowed) => (
                             <Button
@@ -962,7 +948,7 @@ export const DashboardPage = () => {
                       <div className="w-full">
                         <ProjectPermissionCan
                           I={ProjectPermissionActions.Edit}
-                          a={subject(ProjectPermissionSub.SecretImports, {
+                          a={subject(ProjectPermissionSub.Secrets, {
                             environment,
                             secretPath
                           })}

frontend/src/views/DashboardPage/components/FolderSection/FolderSection.tsx

@@ -56,7 +56,7 @@ export const FolderSection = memo(
                 <div className="duration-0 flex h-10 w-16 items-center justify-end space-x-2.5 overflow-hidden border-l border-mineshaft-600 transition-all">
                   <ProjectPermissionCan
                     I={ProjectPermissionActions.Edit}
-                    a={subject(ProjectPermissionSub.Folders, { environment, secretPath })}
+                    a={subject(ProjectPermissionSub.Secrets, { environment, secretPath })}
                   >
                     {(isAllowed) => (
                       <div className="opacity-0 group-hover:opacity-100">
@@ -77,7 +77,7 @@ export const FolderSection = memo(
                   </ProjectPermissionCan>
                   <ProjectPermissionCan
                     I={ProjectPermissionActions.Delete}
-                    a={subject(ProjectPermissionSub.Folders, { environment, secretPath })}
+                    a={subject(ProjectPermissionSub.Secrets, { environment, secretPath })}
                   >
                     {(isAllowed) => (
                       <div className="opacity-0 group-hover:opacity-100">

frontend/src/views/DashboardPage/components/SecretImportSection/SecretImportItem.tsx

@@ -119,7 +119,7 @@ export const SecretImportItem = ({
             </div>
             <ProjectPermissionCan
               I={ProjectPermissionActions.Delete}
-              a={subject(ProjectPermissionSub.SecretImports, { environment, secretPath })}
+              a={subject(ProjectPermissionSub.Secrets, { environment, secretPath })}
             >
               {(isAllowed) => (
                 <div className="opacity-0 group-hover:opacity-100">