feat: Add reaction drawer (MIN-140)

Closes MIN-140

User story:

As an user I would like to have ability to access more data about reactions between them or the substance so I can do better research by using the map

What has been done:

• reaction drawer
• show reaction drawer on map reaction click
• parse reaction references to grouped source+references
• unit tests

Why source is grouped?

In the original app it works exactly like that. "Annotator class" is the source and references and grouped by sources. If the source is empty, it means it's added automatically (by curator)

Additional changes:

• added groupBy array util + tests

Important info:

• this PR is based on !62 (merged) and !63 (merged), so may include more code than expected

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

+import { StoreType } from '@/redux/store';
+import { ReferenceFiltered } from '@/types/reference';
+import {
+  InitialStoreState,
+  getReduxWrapperWithStore,
+} from '@/utils/testing/getReduxWrapperWithStore';
+import { render, screen } from '@testing-library/react';
+import { Props, ReferenceGroup } from './ReferenceGroup.component';
+
+const renderComponent = (
+  props: Props,
+  initialStoreState: InitialStoreState = {},
+): { store: StoreType } => {
+  const { Wrapper, store } = getReduxWrapperWithStore(initialStoreState);
+
+  return (
+    render(
+      <Wrapper>
+        <ReferenceGroup {...props} />
+      </Wrapper>,
+    ),
+    {
+      store,
+    }
+  );
+};
+
+describe('ReactionDrawer - component', () => {
+  beforeEach(() => {
+    jest.resetAllMocks();
+    jest.clearAllMocks();
+  });
+
+  const singleReference = {
+    link: 'https://www.ncbi.nlm.nih.gov/pubmed/24448649',
+    article: {
+      title:
+        'The nutrient-responsive transcription factor TFE3 promotes autophagy, lysosomal biogenesis, and clearance of cellular debris.',
+      authors: [
+        'Martina JA',
+        ' Diab HI',
+        ' Lishu L',
+        ' Jeong-A L',
+        ' Patange S',
+        ' Raben N',
+        ' Puertollano R.',
+      ],
+      journal: 'Science signaling',
+      year: 2014,
+      link: 'https://www.ncbi.nlm.nih.gov/pubmed/24448649',
+      pubmedId: '24448649',
+      citationCount: 321,
+    },
+    type: 'PUBMED',
+    resource: '24448649',
+    id: 154973,
+    annotatorClassName: '',
+  };
+
+  const cases: [string, ReferenceFiltered[]][] = [
+    ['', [singleReference]],
+    [
+      'source1',
+      [
+        {
+          ...singleReference,
+          annotatorClassName: 'source1',
+          id: 1,
+        },
+        {
+          ...singleReference,
+          annotatorClassName: 'source1',
+          id: 2,
+        },
+      ],
+    ],
+    [
+      'source2',
+      [
+        {
+          ...singleReference,
+          annotatorClassName: 'source2',
+          id: 3,
+        },
+      ],
+    ],
+  ];
+
+  it.each(cases)('should show reference group with source=%s', (source, references) => {
+    const referencesTextHref: [string, string][] = references.map(ref => [
+      `${ref.type} (${ref.id})`,
+      ref.link as string,
+    ]);
+
+    renderComponent({
+      group: {
+        source,
+        references,
+      },
+    });
+
+    referencesTextHref.forEach(([refText, href]) => {
+      const linkReferenceSpan = screen.getByText(refText, { exact: false });
+      const linkReferenceAnchor = linkReferenceSpan.closest('a');
+
+      expect(linkReferenceSpan).toBeInTheDocument();
+      expect(linkReferenceAnchor).toBeInTheDocument();
+      expect(linkReferenceAnchor?.href).toBe(`${href}`);
+    });
+  });
+});