Wrap Long text fields (textarea) (#8557)

Here we add the option for Text inputs to be wrapped, and to select on
how many lines text should be displayed.

Fix #7552

---------

Co-authored-by: guillim <guillaume@twenty.com>

packages/twenty-front/src/modules/ui/field/display/components/DoubleTextDisplay.tsx

@@ -1,3 +0,0 @@
-import { TextDisplay } from './TextDisplay';
-
-export const DoubleTextDisplay = TextDisplay;

packages/twenty-front/src/modules/ui/field/display/components/TextDisplay.tsx

@@ -2,8 +2,9 @@ import { OverflowingTextWithTooltip } from 'twenty-ui';
 
 type TextDisplayProps = {
   text: string;
+  displayedMaxRows?: number;
 };
 
-export const TextDisplay = ({ text }: TextDisplayProps) => (
-  <OverflowingTextWithTooltip text={text} />
+export const TextDisplay = ({ text, displayedMaxRows }: TextDisplayProps) => (
+  <OverflowingTextWithTooltip text={text} displayedMaxRows={displayedMaxRows} />
 );