Build message threads (#3593)

* Adding message thread component

* Add state and mocks

* Rename components and use local state for messages

---------

Co-authored-by: Thomas Trompette <thomast@twenty.com>

packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import styled from '@emotion/styled';
+
+const StyledThreadMessageBodyPreview = styled.span`
+  color: ${({ theme }) => theme.font.color.tertiary};
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: ${({ theme }) => theme.font.size.sm};
+`;
+
+type EmailThreadMessageBodyPreviewProps = {
+  body: string;
+};
+
+export const EmailThreadMessageBodyPreview = ({
+  body,
+}: EmailThreadMessageBodyPreviewProps) => {
+  return (
+    <StyledThreadMessageBodyPreview>{body}</StyledThreadMessageBodyPreview>
+  );
+};