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-front/src/modules/ui/layout/dropdown/components/DropdownMenu.tsx

@@ -2,6 +2,7 @@ import styled from '@emotion/styled';
 
 const StyledDropdownMenu = styled.div<{
   disableBlur?: boolean;
+  disableBorder?: boolean;
   width?: `${string}px` | `${number}%` | 'auto' | number;
 }>`
   backdrop-filter: ${({ disableBlur }) =>
@@ -14,7 +15,8 @@ const StyledDropdownMenu = styled.div<{
       ? theme.background.primary
       : theme.background.transparent.secondary};
 
-  border: 1px solid ${({ theme }) => theme.border.color.medium};
+  border: ${({ disableBorder, theme }) =>
+    disableBorder ? 'none' : `1px solid ${theme.border.color.medium}`};
   border-radius: ${({ theme }) => theme.border.radius.md};
 
   box-shadow: ${({ theme }) => theme.boxShadow.strong};