feat: add creation date to notes panel (#5432)

## Description

Adds a view for creation date and author to notes and tasks panel. Here
is a preview of the new `ActivityCreationDate` component:


![image](https://github.com/twentyhq/twenty/assets/36916632/8adfa584-5f0c-464a-9d69-753f89c19c28)

Closes #5424

### Type of change

<!-- Please delete options that are not relevant. -->

- [x] New feature (non-breaking change which adds functionality)

## Checklist

- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [x] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [x] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [x] Any dependent changes have been merged and published in downstream
modules

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

packages/twenty-front/src/modules/activities/components/ActivityEditor.tsx

@@ -4,6 +4,7 @@ import styled from '@emotion/styled';
 import { ActivityBodyEditor } from '@/activities/components/ActivityBodyEditor';
 import { ActivityBodyEffect } from '@/activities/components/ActivityBodyEffect';
 import { ActivityComments } from '@/activities/components/ActivityComments';
+import { ActivityCreationDate } from '@/activities/components/ActivityCreationDate';
 import { ActivityEditorFields } from '@/activities/components/ActivityEditorFields';
 import { ActivityTitleEffect } from '@/activities/components/ActivityTitleEffect';
 import { ActivityTypeDropdown } from '@/activities/components/ActivityTypeDropdown';
@@ -31,6 +32,13 @@ const StyledUpperPartContainer = styled.div`
   justify-content: flex-start;
 `;
 
+const StyledTitleContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: ${({ theme }) => theme.spacing(3)};
+`;
+
 const StyledTopContainer = styled.div`
   align-items: flex-start;
   align-self: stretch;
@@ -62,7 +70,10 @@ export const ActivityEditor = ({
         <StyledTopContainer>
           <ActivityTypeDropdown activityId={activityId} />
           <ActivityTitleEffect activityId={activityId} />
-          <ActivityTitle activityId={activityId} />
+          <StyledTitleContainer>
+            <ActivityTitle activityId={activityId} />
+            <ActivityCreationDate activityId={activityId} />
+          </StyledTitleContainer>
           <ActivityEditorFields activityId={activityId} />
         </StyledTopContainer>
       </StyledUpperPartContainer>