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/EmailThreadMessageBody.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import styled from '@emotion/styled';
+
+const StyledThreadMessageBody = styled.div`
+  color: ${({ theme }) => theme.font.color.primary};
+  display: flex;
+  flex-direction: column;
+  margin-top: ${({ theme }) => theme.spacing(4)};
+  white-space: pre-line;
+`;
+
+type EmailThreadMessageBodyProps = {
+  body: string;
+};
+
+export const EmailThreadMessageBody = ({
+  body,
+}: EmailThreadMessageBodyProps) => {
+  return <StyledThreadMessageBody>{body}</StyledThreadMessageBody>;
+};