[Permissions][FE] Design followup 5 (#12793)

## Context
- We now display workspace member full name and email in role assignment
picker
- Replaced Forbidden by "Not shared" with lock icon
- Fix Disabled for Danger accent
- Fix avatar URL

<img width="575" alt="Screenshot 2025-06-23 at 16 38 56"
src="https://github.com/user-attachments/assets/08430bfe-29c4-4ac4-821c-9062dfad7150"
/>
<img width="756" alt="Screenshot 2025-06-23 at 16 21 36"
src="https://github.com/user-attachments/assets/c19f31bd-fe9d-415d-aa55-62fa3e228c49"
/>
<img width="373" alt="Screenshot 2025-06-23 at 17 13 08"
src="https://github.com/user-attachments/assets/e2f7878c-7c5a-40b4-a482-8e99292257c3"
/>
<img width="342" alt="Screenshot 2025-06-23 at 17 37 49"
src="https://github.com/user-attachments/assets/04169e85-14dd-4aed-bd71-7aefd601a894"
/>
<img width="434" alt="Screenshot 2025-06-23 at 17 37 35"
src="https://github.com/user-attachments/assets/7caf0967-c4dd-4d0f-90c8-259a85182b19"
/>

packages/twenty-front/src/modules/object-record/hooks/__tests__/useFindManyRecords.test.tsx

@@ -43,6 +43,7 @@ describe('useFindManyRecords', () => {
           name: { firstName: 'John', lastName: 'Connor' },
           locale: 'en',
           colorScheme: 'Light',
+          userEmail: 'userEmail',
         });
 
         const setMetadataItems = useSetRecoilState(objectMetadataItemsState);

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/ForbiddenFieldDisplay.tsx

@@ -1,19 +1,20 @@
 import { Theme, useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
 import { Trans } from '@lingui/react/macro';
+import { IconLock } from 'twenty-ui/display';
 
 const StyledContainer = styled.div<{ theme: Theme }>`
   align-items: center;
-  display: flex;
+  display: inline-flex;
 
-  background: ${({ theme }) => theme.background.transparent.lighter};
+  background: ${({ theme }) => theme.background.transparent.light};
   color: ${({ theme }) => theme.font.color.tertiary};
   font-weight: ${({ theme }) => theme.font.weight.regular};
-  font-size: ${({ theme }) => theme.font.size.sm};
-  padding: ${({ theme }) => theme.spacing(1, 2)};
+  font-size: ${({ theme }) => theme.font.size.md};
+  padding: ${({ theme }) => theme.spacing(1)};
+  gap: ${({ theme }) => theme.spacing(1)};
 
   border-radius: 4px;
-  border: 1px solid ${({ theme }) => theme.border.color.light};
 `;
 
 export const ForbiddenFieldDisplay = () => {
@@ -21,7 +22,8 @@ export const ForbiddenFieldDisplay = () => {
 
   return (
     <StyledContainer theme={theme}>
-      <Trans>Forbidden</Trans>
+      <IconLock size={theme.icon.size.sm} />
+      <Trans>Not shared</Trans>
     </StyledContainer>
   );
 };

packages/twenty-front/src/modules/object-record/record-table/utils/buildRecordInputFromFilter.spec.ts

@@ -229,6 +229,7 @@ describe('buildValueFromFilter', () => {
       dateFormat: null,
       timeFormat: null,
       timeZone: null,
+      userEmail: 'userEmail',
     };
 
     const testCases = [