Fix: Don't display requested by when user has no access to read workspace members

frontend/src/views/SecretApprovalPage/components/AccessApprovalRequest/AccessApprovalRequest.tsx

@@ -30,6 +30,7 @@ import {
 } from "@app/components/v2";
 import {
   ProjectPermissionActions,
+  ProjectPermissionSub,
   useProjectPermission,
   useSubscription,
   useWorkspace
@@ -272,7 +273,7 @@ export const AccessApprovalRequest = ({
     "reviewRequest",
     "upgradePlan"
   ] as const);
-  const { membership } = useProjectPermission();
+  const { membership, permission } = useProjectPermission();
   const { subscription } = useSubscription();
   const { currentWorkspace } = useWorkspace();
 
@@ -460,13 +461,16 @@ export const AccessApprovalRequest = ({
                   ))}
                 </DropdownMenuContent>
               </DropdownMenu>
+              {!!permission.can(ProjectPermissionActions.Read, ProjectPermissionSub.Member) && (
                 <DropdownMenu>
                   <DropdownMenuTrigger>
                     <Button
                       variant="plain"
                       colorSchema="secondary"
                       className={requestedByFilter ? "text-white" : "text-bunker-300"}
-                    rightIcon={<FontAwesomeIcon icon={faChevronDown} size="sm" className="ml-2" />}
+                      rightIcon={
+                        <FontAwesomeIcon icon={faChevronDown} size="sm" className="ml-2" />
+                      }
                     >
                       Requested By
                     </Button>
@@ -487,6 +491,7 @@ export const AccessApprovalRequest = ({
                     ))}
                   </DropdownMenuContent>
                 </DropdownMenu>
+              )}
             </div>
           </div>
           <div className="flex flex-col rounded-b-md border-x border-t border-b border-mineshaft-600 bg-mineshaft-800">