header component added (#3539)

* header component added

* fix css issues and date format issue

---------

Co-authored-by: bosiraphael <raphael.bosi@gmail.com>

packages/twenty-front/src/modules/activities/emails/right-drawer/components/RightDrawerThread.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import styled from '@emotion/styled';
 
+import { ThreadHeader } from '@/activities/emails/components/ThreadHeader';
+
 const StyledContainer = styled.div`
   box-sizing: border-box;
   display: flex;
@@ -12,9 +14,16 @@ const StyledContainer = styled.div`
 `;
 
 export const RightDrawerThread = () => {
+  const mockedThread = {
+    subject: 'Tes with long subject, very long subject, very long subject',
+    receivedAt: new Date(),
+  };
   return (
     <StyledContainer>
-      <></>
+      <ThreadHeader
+        subject={mockedThread.subject}
+        lastMessageSentAt={mockedThread.receivedAt}
+      />
     </StyledContainer>
   );
 };