Added option to prevent sending requests to twenty-icons (#16723)

Solution for #15891


https://github.com/user-attachments/assets/82ce5c4b-0a78-45a8-8196-413473887820

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/command-menu/components/CommandMenuContextRecordsChip.tsx

@@ -3,6 +3,8 @@ import { CommandMenuContextRecordChipAvatars } from '@/command-menu/components/C
 import { getSelectedRecordsContextText } from '@/command-menu/utils/getRecordContextText';
 import { useFindManyRecordsSelectedInContextStore } from '@/context-store/hooks/useFindManyRecordsSelectedInContextStore';
 import { useObjectMetadataItemById } from '@/object-metadata/hooks/useObjectMetadataItemById';
+import { useRecoilValue } from 'recoil';
+import { allowRequestsToTwentyIconsState } from '@/client-config/states/allowRequestsToTwentyIcons';
 
 export const CommandMenuContextRecordsChip = ({
   objectMetadataItemId,
@@ -14,6 +16,9 @@ export const CommandMenuContextRecordsChip = ({
   const { objectMetadataItem } = useObjectMetadataItemById({
     objectId: objectMetadataItemId,
   });
+  const allowRequestsToTwentyIcons = useRecoilValue(
+    allowRequestsToTwentyIconsState,
+  );
 
   const { records, loading, totalCount } =
     useFindManyRecordsSelectedInContextStore({
@@ -39,6 +44,7 @@ export const CommandMenuContextRecordsChip = ({
         objectMetadataItem,
         records,
         totalCount,
+        allowRequestsToTwentyIcons,
       )}
       Icons={Avatars}
     />

packages/twenty-front/src/modules/command-menu/components/CommandMenuRecordInfo.tsx

@@ -19,6 +19,7 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { dateLocaleState } from '~/localization/states/dateLocaleState';
 import { beautifyPastDateRelativeToNow } from '~/utils/date-utils';
 import { CommandMenuPageInfoLayout } from './CommandMenuPageInfoLayout';
+import { allowRequestsToTwentyIconsState } from '@/client-config/states/allowRequestsToTwentyIcons';
 
 export const CommandMenuRecordInfo = ({
   commandMenuPageInstanceId,
@@ -29,6 +30,9 @@ export const CommandMenuRecordInfo = ({
     viewableRecordNameSingularComponentState,
     commandMenuPageInstanceId,
   );
+  const allowRequestsToTwentyIcons = useRecoilValue(
+    allowRequestsToTwentyIconsState,
+  );
 
   const viewableRecordId = useRecoilComponentValue(
     viewableRecordIdComponentState,
@@ -50,6 +54,7 @@ export const CommandMenuRecordInfo = ({
   const recordIdentifier = useRecoilValue(
     recordStoreIdentifierFamilySelector({
       recordId: objectRecordId,
+      allowRequestsToTwentyIcons,
     }),
   );