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/utils/getFilteredReferences.test.ts

+import {
+  REFERENCES_MOCK_ALL_INVALID,
+  REFERENCES_MOCK_ALL_VALID,
+} from '@/models/mocks/referencesMock';
+import { Reaction } from '@/types/models';
+import { ReferenceFiltered } from '../ReactionDrawer.types';
+import { getFilteredReferences } from './getFilteredReferences';
+
+describe('getFilteredReferences - subUtil', () => {
+  const cases: [Pick<Reaction, 'references'>, ReferenceFiltered[]][] = [
+    [
+      {
+        references: REFERENCES_MOCK_ALL_VALID,
+      },
+      REFERENCES_MOCK_ALL_VALID as ReferenceFiltered[],
+    ],
+    [
+      {
+        references: REFERENCES_MOCK_ALL_INVALID,
+      },
+      [],
+    ],
+    [
+      {
+        references: [...REFERENCES_MOCK_ALL_VALID, ...REFERENCES_MOCK_ALL_INVALID],
+      },
+      REFERENCES_MOCK_ALL_VALID as ReferenceFiltered[],
+    ],
+  ];
+
+  it.each(cases)('should return valid filtered references', (reaction, result) => {
+    expect(getFilteredReferences(reaction)).toStrictEqual(result);
+  });
+});