POC timeline activity (#5697)

TODO: 
- remove WorkspaceIsNotAuditLogged decorators on activity/activityTarget
to log task/note creations
- handle attachments
-  fix css and remove unnecessary styled components or duplicates

packages/twenty-front/src/modules/activities/timelineActivities/components/TimelineActivities.tsx

@@ -1,6 +1,7 @@
 import styled from '@emotion/styled';
 import { isNonEmptyArray } from '@sniptt/guards';
 
+import { FetchMoreLoader } from '@/activities/components/CustomResolverFetchMoreLoader';
 import { TimelineCreateButtonGroup } from '@/activities/timeline/components/TimelineCreateButtonGroup';
 import { EventList } from '@/activities/timelineActivities/components/EventList';
 import { useTimelineActivities } from '@/activities/timelineActivities/hooks/useTimelineActivities';
@@ -24,6 +25,11 @@ const StyledMainContainer = styled.div`
   height: 100%;
 
   justify-content: center;
+  padding-top: ${({ theme }) => theme.spacing(6)};
+  padding-right: ${({ theme }) => theme.spacing(6)};
+  padding-bottom: ${({ theme }) => theme.spacing(16)};
+  padding-left: ${({ theme }) => theme.spacing(6)};
+  gap: ${({ theme }) => theme.spacing(4)};
 `;
 
 export const TimelineActivities = ({
@@ -31,7 +37,8 @@ export const TimelineActivities = ({
 }: {
   targetableObject: ActivityTargetableObject;
 }) => {
-  const { timelineActivities } = useTimelineActivities(targetableObject);
+  const { timelineActivities, loading, fetchMoreRecords } =
+    useTimelineActivities(targetableObject);
 
   if (!isNonEmptyArray(timelineActivities)) {
     return (
@@ -57,6 +64,7 @@ export const TimelineActivities = ({
         title="All"
         events={timelineActivities ?? []}
       />
+      <FetchMoreLoader loading={loading} onLastRowVisible={fetchMoreRecords} />
     </StyledMainContainer>
   );
 };