resuse annotation list

src/components/Map/Drawer/SearchDrawerWrapper/BioEntitiesResultsList/BioEntitiesPinsList/BioEntitiesPinsListItem/BioEntitiesPinsListItem.component.tsx

@@ -18,8 +18,8 @@ import { getSearchData } from '@/redux/search/search.thunks';
 import { twMerge } from 'tailwind-merge';
 import { getTypeBySBOTerm } from '@/utils/bioEntity/getTypeBySBOTerm';
 import { ZERO } from '@/constants/common';
-import { AnnotationItem } from '@/components/Map/Drawer/BioEntityDrawer/AnnotationItem';
 import React from 'react';
+import { AnnotationItemList } from '@/components/Map/Drawer/BioEntityDrawer/AnnotationItem/AnnotationItemList.component';
 import { PinListBioEntity } from './BioEntitiesPinsListItem.types';
 import { isPinWithCoordinates } from './BioEntitiesPinsListItem.utils';
 
@@ -107,21 +107,7 @@ export const BioEntitiesPinsListItem = ({
           Synonyms: <span className="w-full font-normal">{pin.synonyms.join(', ')}</span>
         </p>
       )}
-      {pin.references.length > ZERO && (
-        <ul className="leading-6">
-          <div className="font-bold">References:</div>
-          {pin.references.map(reference => (
-            <li key={reference.id} className="ml-3">
-              <AnnotationItem
-                key={reference.id}
-                type={reference.type}
-                link={reference.link}
-                resource={reference.resource}
-              />
-            </li>
-          ))}
-        </ul>
-      )}
+      <AnnotationItemList references={pin.references} />
     </div>
   );
 };