"Reaction elements" header added

src/components/Map/Drawer/ReactionDrawer/ConnectedBioEntitiesList/ConnectedBioEntitiesList.component.tsx

@@ -4,6 +4,7 @@ import {
 } from '@/redux/bioEntity/bioEntity.selectors';
 import { useAppSelector } from '@/redux/hooks/useAppSelector';
 import { LoadingIndicator } from '@/shared/LoadingIndicator';
+import React from 'react';
 import { BioEntitiesPinsListItem } from '../../SearchDrawerWrapper/BioEntitiesResultsList/BioEntitiesPinsList/BioEntitiesPinsListItem';
 
 export const ConnectedBioEntitiesList = (): React.ReactNode => {
@@ -17,6 +18,7 @@ export const ConnectedBioEntitiesList = (): React.ReactNode => {
 
   return (
     <div>
+      <h3 className="mb-1 font-semibold">Reaction elements:</h3>
       {bioEntityData &&
         bioEntityData.map(item => (
           <BioEntitiesPinsListItem

src/components/Map/Drawer/ReactionDrawer/ReactionDrawer.component.tsx

@@ -52,6 +52,7 @@ export const ReactionDrawer = (): React.ReactNode => {
         {referencesGrouped.map(group => (
           <ReferenceGroup key={group.source} group={group} />
         ))}
+        <hr className="border-b border-b-divide" />
         <ConnectedBioEntitiesList />
         {isCommentAvailable && <div className="font-bold"> Comments</div>}
         {isCommentAvailable &&