fix: text field overflow beyond cell limits (#5834)

- fixes #5775 


https://github.com/twentyhq/twenty/assets/47355538/9e440018-ec1e-4faa-a9f3-7131615cf9f1

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

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

@@ -2,10 +2,12 @@ import styled from '@emotion/styled';
 import { OVERLAY_BACKGROUND } from 'twenty-ui';
 
 const StyledFieldTextAreaOverlay = styled.div`
+  position: absolute;
+  top: 0;
   border-radius: ${({ theme }) => theme.border.radius.sm};
   align-items: center;
   display: flex;
-  height: 32px;
+  max-height: 420px;
   margin: -1px;
   width: 100%;
   ${OVERLAY_BACKGROUND}

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

@@ -30,6 +30,7 @@ const StyledTextArea = styled(TextareaAutosize)`
   display: flex;
   justify-content: center;
   resize: none;
+  max-height: 400px;
   width: calc(100% - ${({ theme }) => theme.spacing(7)});
 `;