feat: add display reaction overlay (MIN-215)

Closes MIN-215

Objective:

Implement a handler for displaying multiple reactions defined in the overlay config

How it works (shorten):

1. Algo tests if overlay element is bioentity/reaction by certain fields existence in element object
2. If the overlay element is a reaction, all possible segments (base/reactants etc.) are combined into a polygons array
3. Then, polygons are rendered as lines starting from left-top point and ending at right-bottom polygon point
4. It's possible that Left-Top (X1Y1) point will be lower in space than Right-Bottom (X2Y2) point. That's why width/height are defined as an absolute value. However, it does not require additional edge-case coverage. In the case above, the line will be just mirror-reversed and that's an expected behavior

What has been done:

• additional handlers for overlay element type of reaction
• unit tests

assigned to @AdrianOrlow

changed the description

LGTM

It might be worth to update comments for future developers working with overlays to give them idea how it works. Check src/components/Map/MapViewer/utils/config/overlaysLayer/useOlMapOverlaysLayer.ts file.

approved this merge request

added 1 commit

• 7088d94a - fix: rfc changes

Compare with previous version

resolved all threads

added 18 commits

• 7088d94a...ba85bc5c - 17 commits from branch development
• 1338a0d6 - feat: merge changes

Compare with previous version

added 1 commit

• dffbf26a - feat: merge changes

Compare with previous version

added 12 commits

• dffbf26a...8f926bf4 - 11 commits from branch development
• fa7817a6 - Merge branch 'development' into 'MIN-215-display-overlays-for-reactions'

Compare with previous version

enabled an automatic merge when the pipeline for fa7817a6 succeeds

merged

mentioned in commit 459df684