feat(vector-map): add text for filled compartments in a semantic view

Closes MIN-108

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

@@ -15,6 +15,7 @@ import { OverlayOrder } from '@/redux/overlayBioEntity/overlayBioEntity.utils';
 import { OverlayBioEntityRender } from '@/types/OLrendering';
 import { GetOverlayBioEntityColorByAvailableProperties } from '@/components/Map/MapViewer/utils/config/overlaysLayer/useGetOverlayColor';
 import VectorSource from 'ol/source/Vector';
+import { MapSize } from '@/redux/map/map.types';
 
 export default function processModelElements(
   modelElements: ModelElements,
@@ -27,6 +28,7 @@ export default function processModelElements(
   mapInstance: MapInstance,
   pointToProjection: UsePointToProjectionResult,
   mapBackgroundType: number,
+  mapSize: MapSize,
 ): Array<MapElement | CompartmentCircle | CompartmentSquare | CompartmentPathway | Glyph> {
   const validElements: Array<
     MapElement | CompartmentCircle | CompartmentSquare | CompartmentPathway | Glyph
@@ -76,6 +78,7 @@ export default function processModelElements(
         mapInstance,
         vectorSource,
         mapBackgroundType,
+        mapSize,
       };
       if (element.shape === 'OVAL_COMPARTMENT') {
         validElements.push(new CompartmentCircle(compartmentProps));
@@ -125,6 +128,7 @@ export default function processModelElements(
           overlaysOrder,
           getOverlayColor,
           mapBackgroundType,
+          mapSize,
         }),
       );
     }