feat: display Links field as Expandable List (#5374)

Closes #5114

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

@@ -2,10 +2,13 @@ import styled from '@emotion/styled';
 
 import { ActivityTargetWithTargetRecord } from '@/activities/types/ActivityTargetObject';
 import { RecordChip } from '@/object-record/components/RecordChip';
-import {
-  ExpandableList,
-  ExpandableListProps,
-} from '@/ui/layout/expandable-list/components/ExpandableList';
+import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList';
+
+type ActivityTargetChipsProps = {
+  activityTargetObjectRecords: ActivityTargetWithTargetRecord[];
+  anchorElement?: HTMLElement;
+  maxWidth?: number;
+};
 
 const StyledContainer = styled.div<{ maxWidth?: number }>`
   display: flex;
@@ -16,20 +19,12 @@ const StyledContainer = styled.div<{ maxWidth?: number }>`
 
 export const ActivityTargetChips = ({
   activityTargetObjectRecords,
-  isHovered,
-  reference,
+  anchorElement,
   maxWidth,
-}: {
-  activityTargetObjectRecords: ActivityTargetWithTargetRecord[];
-  maxWidth?: number;
-} & ExpandableListProps) => {
+}: ActivityTargetChipsProps) => {
   return (
     <StyledContainer maxWidth={maxWidth}>
-      <ExpandableList
-        isHovered={isHovered}
-        reference={reference}
-        forceDisplayHiddenCount
-      >
+      <ExpandableList anchorElement={anchorElement} isChipCountDisplayed>
         {activityTargetObjectRecords.map(
           (activityTargetObjectRecord, index) => (
             <RecordChip