Role page various fixes 2 (#12416)

- Fix: AvatarURL signedPath for workspace members were not consistent
when queried multiple times and it was causing the frontend to wrongly
interpret this as a change in the deepEqual condition
- Use SaveAndCancel button to be consistent with data model page
- When applying all object permission changes, a "smarter" logic applies
and removes all permissions if read is unchecked for example
- Hide settings permissions when Settings All Access is toggled

packages/twenty-front/src/modules/settings/roles/role/components/SettingsRole.tsx

@@ -1,3 +1,4 @@
+import { SaveAndCancelButtons } from '@/settings/components/SaveAndCancelButtons/SaveAndCancelButtons';
 import { SettingsPageContainer } from '@/settings/components/SettingsPageContainer';
 import { GET_ROLES } from '@/settings/roles/graphql/queries/getRolesQuery';
 import { useUpdateWorkspaceMemberRole } from '@/settings/roles/hooks/useUpdateWorkspaceMemberRole';
@@ -22,7 +23,6 @@ import { t } from '@lingui/core/macro';
 import { useRecoilValue } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
 import { IconLockOpen, IconSettings, IconUserPlus } from 'twenty-ui/display';
-import { Button } from 'twenty-ui/input';
 import { v4 } from 'uuid';
 import {
   FeatureFlagKey,
@@ -281,16 +281,11 @@ export const SettingsRole = ({ roleId, isCreateMode }: SettingsRoleProps) => {
         },
       ]}
       actionButton={
-        isDirty && (
-          <Button
-            title={isCreateMode ? t`Create` : t`Save`}
-            variant="primary"
-            size="small"
-            accent="blue"
-            onClick={handleSave}
-            disabled={!isRoleEditable}
-          />
-        )
+        <SaveAndCancelButtons
+          onSave={handleSave}
+          onCancel={() => navigateSettings(SettingsPath.Roles)}
+          isSaveDisabled={!isRoleEditable || !isDirty}
+        />
       }
     >
       <SettingsPageContainer>