Fix missing avatar on People table (twentyhq#5601)

As per title!

packages/twenty-front/src/modules/object-record/record-index/hooks/useLoadRecordIndexTable.ts

@@ -35,14 +35,18 @@ export const useFindManyParams = (
 };
 
 export const useLoadRecordIndexTable = (objectNameSingular: string) => {
+  const { objectMetadataItem } = useObjectMetadataItem({
+    objectNameSingular,
+  });
+
   const { setRecordTableData, setIsRecordTableInitialLoading } =
     useRecordTable();
   const { tableLastRowVisibleState } = useRecordTableStates();
   const setLastRowVisible = useSetRecoilState(tableLastRowVisibleState);
   const currentWorkspace = useRecoilValue(currentWorkspaceState);
   const params = useFindManyParams(objectNameSingular);
 
-  const recordGqlFields = useRecordTableRecordGqlFields();
+  const recordGqlFields = useRecordTableRecordGqlFields({ objectMetadataItem });
 
   const {
     records,

packages/twenty-front/src/modules/object-record/record-index/hooks/useRecordTableRecordGqlFields.ts

@@ -1,17 +1,38 @@
 import { useRecoilValue } from 'recoil';
 
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { getObjectMetadataIdentifierFields } from '@/object-metadata/utils/getObjectMetadataIdentifierFields';
 import { useRecordTableStates } from '@/object-record/record-table/hooks/internal/useRecordTableStates';
+import { isDefined } from '~/utils/isDefined';
 
-export const useRecordTableRecordGqlFields = () => {
+export const useRecordTableRecordGqlFields = ({
+  objectMetadataItem,
+}: {
+  objectMetadataItem: ObjectMetadataItem;
+}) => {
   const { visibleTableColumnsSelector } = useRecordTableStates();
 
+  const { imageIdentifierFieldMetadataItem, labelIdentifierFieldMetadataItem } =
+    getObjectMetadataIdentifierFields({ objectMetadataItem });
+
   const visibleTableColumns = useRecoilValue(visibleTableColumnsSelector());
 
+  const identifierQueryFields: Record<string, boolean> = {};
+
+  if (isDefined(labelIdentifierFieldMetadataItem)) {
+    identifierQueryFields[labelIdentifierFieldMetadataItem.name] = true;
+  }
+
+  if (isDefined(imageIdentifierFieldMetadataItem)) {
+    identifierQueryFields[imageIdentifierFieldMetadataItem.name] = true;
+  }
+
   const recordGqlFields: Record<string, any> = {
     id: true,
     ...Object.fromEntries(
       visibleTableColumns.map((column) => [column.metadata.fieldName, true]),
     ),
+    ...identifierQueryFields,
     position: true,
   };