Logs show page (#4611)

* Being implementing events on the frontend

* Rename JSON to RAW JSON

* Fix handling of json field on frontend

* Log user id

* Add frontend tests

* Update packages/twenty-server/src/engine/api/graphql/workspace-query-runner/jobs/save-event-to-db.job.ts

Co-authored-by: Weiko <corentin@twenty.com>

* Move db calls to a dedicated repository

* Add server-side tests

---------

Co-authored-by: Weiko <corentin@twenty.com>

packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageRightContainer.tsx

@@ -3,6 +3,7 @@ import { useRecoilValue } from 'recoil';
 
 import { Calendar } from '@/activities/calendar/components/Calendar';
 import { EmailThreads } from '@/activities/emails/components/EmailThreads';
+import { Events } from '@/activities/events/components/Events';
 import { Attachments } from '@/activities/files/components/Attachments';
 import { Notes } from '@/activities/notes/components/Notes';
 import { ObjectTasks } from '@/activities/tasks/components/ObjectTasks';
@@ -65,6 +66,8 @@ export const ShowPageRightContainer = ({
   const activeTabId = useRecoilValue(activeTabIdState);
 
   const shouldDisplayCalendarTab = useIsFeatureEnabled('IS_CALENDAR_ENABLED');
+  const shouldDisplayLogTab = useIsFeatureEnabled('IS_EVENT_OBJECT_ENABLED');
+
   const shouldDisplayEmailsTab =
     (emails &&
       targetableObject.targetObjectNameSingular ===
@@ -101,7 +104,6 @@ export const ShowPageRightContainer = ({
       title: 'Emails',
       Icon: IconMail,
       hide: !shouldDisplayEmailsTab,
-      hasBetaPill: true,
     },
     {
       id: 'calendar',
@@ -109,6 +111,13 @@ export const ShowPageRightContainer = ({
       Icon: IconCalendarEvent,
       hide: !shouldDisplayCalendarTab,
     },
+    {
+      id: 'logs',
+      title: 'Logs',
+      Icon: IconTimelineEvent,
+      hide: !shouldDisplayLogTab,
+      hasBetaPill: true,
+    },
   ];
 
   return (
@@ -131,6 +140,7 @@ export const ShowPageRightContainer = ({
       )}
       {activeTabId === 'emails' && <EmailThreads entity={targetableObject} />}
       {activeTabId === 'calendar' && <Calendar />}
+      {activeTabId === 'logs' && <Events targetableObject={targetableObject} />}
     </StyledShowPageRightContainer>
   );
 };