Feat/front forge graphql query (#2007)

* wip

* Wip

* Wip

* Finished v1

* Wip

* Fix from PR

* Removed unused fragment masking feature

* Fix from PR

* Removed POC from nav bar

* Fix lint

---------

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

front/src/modules/ui/data-table/components/DataTableBody.tsx

@@ -27,6 +27,9 @@ export const DataTableBody = () => {
 
   const tableRowIds = useRecoilValue(tableRowIdsState);
 
+  // eslint-disable-next-line no-console
+  console.log({ tableRowIds });
+
   const isNavbarSwitchingSize = useRecoilValue(isNavbarSwitchingSizeState);
   const isFetchingDataTableData = useRecoilValue(isFetchingDataTableDataState);
 

front/src/modules/ui/data-table/components/DataTableCell.tsx

@@ -37,6 +37,9 @@ export const DataTableCell = ({ cellIndex }: { cellIndex: number }) => {
 
   const updateEntityMutation = useContext(EntityUpdateMutationContext);
 
+  // eslint-disable-next-line no-console
+  console.log({ columnDefinition, currentRowId });
+
   if (!columnDefinition || !currentRowId) {
     return null;
   }

front/src/modules/ui/data-table/components/DataTableRow.tsx

@@ -27,7 +27,8 @@ export const DataTableRow = forwardRef<HTMLTableRowElement, DataTableRowProps>(
       TableRecoilScopeContext,
     );
     const { currentRowSelected } = useCurrentRowSelected();
-
+    // eslint-disable-next-line no-console
+    console.log({ visibleTableColumns });
     return (
       <StyledRow
         ref={ref}

front/src/modules/ui/data-table/table-cell/components/TableCell.tsx

@@ -18,6 +18,9 @@ export const TableCell = ({
 }) => {
   const { fieldDefinition } = useContext(FieldContext);
 
+  // eslint-disable-next-line no-console
+  console.log({ fieldDefinition });
+
   const { closeTableCell } = useTableCell();
 
   const { moveLeft, moveRight, moveDown } = useMoveSoftFocus();