4810 display participants in the right drawer of the calendar event (#4896)

Closes #4810

- Introduces a new component `ExpandableList` which uses intersection
observers to display the maximum number of elements possible

packages/twenty-server/src/engine/workspace-manager/workspace-sync-metadata/constants/standard-field-ids.ts

@@ -97,7 +97,7 @@ export const calendarEventStandardFieldIds = {
   conferenceLink: '20202020-35da-43ef-9ca0-e936e9dc237b',
   recurringEventExternalId: '20202020-4b96-43d0-8156-4c7a9717635c',
   calendarChannelEventAssociations: '20202020-bdf8-4572-a2cc-ecbb6bcc3a02',
-  eventParticipants: '20202020-e07e-4ccb-88f5-6f3d00458eec',
+  calendarEventParticipants: '20202020-e07e-4ccb-88f5-6f3d00458eec',
 };
 
 export const commentStandardFieldIds = {

packages/twenty-server/src/modules/calendar/standard-objects/calendar-event.object-metadata.ts

@@ -171,7 +171,7 @@ export class CalendarEventObjectMetadata extends BaseObjectMetadata {
   calendarChannelEventAssociations: CalendarChannelEventAssociationObjectMetadata[];
 
   @FieldMetadata({
-    standardId: calendarEventStandardFieldIds.eventParticipants,
+    standardId: calendarEventStandardFieldIds.calendarEventParticipants,
     type: FieldMetadataType.RELATION,
     label: 'Event Participants',
     description: 'Event Participants',
@@ -182,5 +182,5 @@ export class CalendarEventObjectMetadata extends BaseObjectMetadata {
     inverseSideTarget: () => CalendarEventParticipantObjectMetadata,
     onDelete: RelationOnDeleteAction.CASCADE,
   })
-  eventParticipants: CalendarEventParticipantObjectMetadata[];
+  calendarEventParticipants: CalendarEventParticipantObjectMetadata[];
 }

packages/twenty-server/src/modules/calendar/types/calendar-event.ts

@@ -8,7 +8,6 @@ export type CalendarEvent = Omit<
   | 'updatedAt'
   | 'calendarChannelEventAssociations'
   | 'calendarEventParticipants'
-  | 'eventParticipants'
   | 'conferenceLink'
 > & {
   conferenceLinkLabel: string;