Fix focused cell view (twentyhq#7451)

Fixes twentyhq#5595
- The portal has been removed, and the focused cell is now rendered
directly within the relevant div/container.
- This ensures that the cell remains correctly positioned within the
table and is properly hidden or unfocused when the user scrolls
horizontally, fixing the issue of overlap or visibility on top of other
elements.

Co-authored-by: Lucas Bordeau <[email protected]>

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellEditMode.tsx

@@ -1,7 +1,6 @@
-import { ReactElement } from 'react';
-import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
 import { autoUpdate, flip, offset, useFloating } from '@floating-ui/react';
+import { ReactElement } from 'react';
 
 const StyledEditableCellEditModeContainer = styled.div<RecordTableCellEditModeProps>`
   position: absolute;
@@ -44,12 +43,9 @@ export const RecordTableCellEditMode = ({
       ref={refs.setReference}
       data-testid="editable-cell-edit-mode-container"
     >
-      {createPortal(
-        <StyledTableCellInput ref={refs.setFloating} style={floatingStyles}>
-          {children}
-        </StyledTableCellInput>,
-        document.body,
-      )}
+      <StyledTableCellInput ref={refs.setFloating} style={floatingStyles}>
+        {children}
+      </StyledTableCellInput>
     </StyledEditableCellEditModeContainer>
   );
 };