Fix bugs and telemetry (#5832)

Bugfix 1:
<img width="491" alt="Screenshot 2024-06-12 at 07 19 42"
src="https://github.com/twentyhq/twenty/assets/6399865/e3ad2771-4edd-453d-9d85-f429177dfd15">

Bugfix 2:
<img width="259" alt="Screenshot 2024-06-12 at 07 47 02"
src="https://github.com/twentyhq/twenty/assets/6399865/2f82c90e-2180-4290-b12e-e72910fb108c">

Change 3:
I remove the "telemetry anonymization enabled" parameter as it was
misleading, we were anonymization ids but still forwarding the workspace
name which is imo more sensitive than an ID

packages/twenty-front/src/modules/auth/hooks/__test__/useAuth.test.tsx

@@ -128,7 +128,6 @@ describe('useAuth', () => {
     });
     expect(state.telemetry).toEqual({
       enabled: true,
-      anonymizationEnabled: true,
     });
     expect(state.isDebugMode).toBe(false);
   });

packages/twenty-front/src/modules/client-config/graphql/queries/getClientConfig.ts

@@ -18,7 +18,6 @@ export const GET_CLIENT_CONFIG = gql`
       debugMode
       telemetry {
         enabled
-        anonymizationEnabled
       }
       support {
         supportDriver

packages/twenty-front/src/modules/client-config/states/telemetryState.ts

@@ -4,5 +4,5 @@ import { Telemetry } from '~/generated/graphql';
 
 export const telemetryState = createState<Telemetry>({
   key: 'telemetryState',
-  defaultValue: { enabled: true, anonymizationEnabled: true },
+  defaultValue: { enabled: true },
 });

packages/twenty-front/src/modules/object-record/record-show/record-detail-section/components/RecordDetailRelationRecordsListItem.tsx

@@ -126,7 +126,7 @@ export const RecordDetailRelationRecordsListItem = ({
     )
     .sort();
 
-  const dropdownScopeId = `record-field-card-menu-${relationRecord.id}`;
+  const dropdownScopeId = `record-field-card-menu-${relationFieldMetadataId}-${relationRecord.id}`;
 
   const { closeDropdown, isDropdownOpen } = useDropdown(dropdownScopeId);
 

packages/twenty-front/src/modules/ui/field/input/components/TextAreaInput.tsx

@@ -39,6 +39,7 @@ const StyledTextAreaContainer = styled.div`
   width: 100%;
   padding: ${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(1)};
   border-radius: ${({ theme }) => theme.border.radius.sm};
+  background: ${({ theme }) => theme.background.primary};
 `;
 
 const StyledLightIconButtonContainer = styled.div`