feat(vector-map): implement reaction square element

Closes MIN-56

src/components/Map/MapViewer/MapViewerVector/utils/config/reactionsLayer/useOlMapReactionsLayer.ts

@@ -50,6 +50,10 @@ export const useOlMapReactionsLayer = ({
 
   const reactions = useMemo(() => {
     return modelReactions.map(reaction => {
+      const shape = shapes.find(bioShape => bioShape.sboTerm === reaction.sboTerm);
+      if (!shape) {
+        return [];
+      }
       const reactionObject = new Reaction({
         line: reaction.line,
         products: reaction.products,
@@ -57,11 +61,12 @@ export const useOlMapReactionsLayer = ({
         zIndex: reaction.z,
         lineTypes,
         arrowTypes,
+        shapes: shape.shapes,
         pointToProjection,
       });
       return reactionObject.features;
     });
-  }, [arrowTypes, lineTypes, modelReactions, pointToProjection]);
+  }, [arrowTypes, lineTypes, modelReactions, pointToProjection, shapes]);
 
   const elements: Array<
     MapElement | CompartmentCircle | CompartmentSquare | CompartmentPathway | Glyph