Add default org and project-level no access roles

frontend/src/views/Org/MembersPage/MembersPage.tsx

@@ -25,7 +25,14 @@ export const MembersPage = withPermission(
           <Tabs defaultValue={TabSections.Member}>
             <TabList>
               <Tab value={TabSections.Member}>People</Tab>
-              <Tab value={TabSections.MachineIdentities}>Machine Identities</Tab>
+              <Tab value={TabSections.MachineIdentities}>
+                <div className="flex items-center">
+                  <p>Machine Identities</p>
+                  <div className="ml-2 rounded-md text-yellow text-sm inline-block bg-yellow/20 px-1.5 pb-[0.03rem] pt-[0.04rem] opacity-80 hover:opacity-100 cursor-default">
+                    Beta
+                  </div>
+                </div>
+              </Tab>
               <Tab value={TabSections.Roles}>Organization Roles</Tab>
             </TabList>
             <TabPanel value={TabSections.Member}>

frontend/src/views/Org/MembersPage/components/OrgRoleTabSection/OrgRoleTable.tsx

@@ -94,7 +94,7 @@ export const OrgRoleTable = ({
               {isRolesLoading && <TableSkeleton columns={4} innerKey="org-roles" />}
               {(roles as TRole<undefined>[])?.map((role) => {
                 const { _id: id, name, slug } = role;
-                const isNonMutatable = ["owner", "admin", "member"].includes(slug);
+                const isNonMutatable = ["owner", "admin", "member", "no-access"].includes(slug);
 
                 return (
                   <Tr key={`role-list-${id}`}>