fix(overlays): fixed opacity for overlays generated by entity color

Description

When entity was generated for overlays by color - there was no alpha (opacity) value added. Fixed it.

Additional things done

Refactored color generating functions. We ended up in props drilling hell. Looking forward working on next features in overlays I decided to refactor code for maintainability

src/components/Map/MapViewer/utils/config/overlaysLayer/getColorByAvailableProperties.test.ts

-import { OverlayBioEntityRender } from '@/types/OLrendering';
-import { getColorByAvailableProperties } from './getColorByAvailableProperties';
-
-describe('getColorByAvailableProperties', () => {
-  const ENTITY: OverlayBioEntityRender = {
-    id: 0,
-    modelId: 0,
-    x1: 0,
-    y1: 0,
-    x2: 0,
-    y2: 0,
-    width: 0,
-    height: 0,
-    value: null,
-    overlayId: 0,
-    color: null,
-  };
-
-  const getHexTricolorGradientColorWithAlpha = jest.fn().mockReturnValue('#FFFFFF');
-  const defaultColor = '#000000';
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-  });
-
-  it('should return the result of getHexTricolorGradientColorWithAlpha if entity has a value equal to 0', () => {
-    const entity = { ...ENTITY, value: 0 };
-    const result = getColorByAvailableProperties(
-      entity,
-      getHexTricolorGradientColorWithAlpha,
-      defaultColor,
-    );
-
-    expect(result).toEqual('#FFFFFF');
-    expect(getHexTricolorGradientColorWithAlpha).toHaveBeenCalledWith(entity.value);
-  });
-
-  it('should return the result of getHexTricolorGradientColorWithAlpha if entity has a value', () => {
-    const entity = { ...ENTITY, value: -0.2137 };
-    const result = getColorByAvailableProperties(
-      entity,
-      getHexTricolorGradientColorWithAlpha,
-      defaultColor,
-    );
-
-    expect(result).toEqual('#FFFFFF');
-    expect(getHexTricolorGradientColorWithAlpha).toHaveBeenCalledWith(entity.value);
-  });
-
-  it('should return the result of convertDecimalToHex if entity has a color', () => {
-    const entity = { ...ENTITY, color: { rgb: -65536, alpha: 0 } }; // red  color
-
-    const result = getColorByAvailableProperties(
-      entity,
-      getHexTricolorGradientColorWithAlpha,
-      defaultColor,
-    );
-
-    expect(result).toEqual('#ff0000');
-    expect(getHexTricolorGradientColorWithAlpha).not.toHaveBeenCalled();
-  });
-
-  it('should return the default color if entity has neither a value nor a color', () => {
-    const result = getColorByAvailableProperties(
-      ENTITY,
-      getHexTricolorGradientColorWithAlpha,
-      defaultColor,
-    );
-
-    expect(result).toEqual('#000000');
-    expect(getHexTricolorGradientColorWithAlpha).not.toHaveBeenCalled();
-  });
-});