feat: add overview image render layer (MIN-178)

Closes MIN-178

Objective:

Make it possible to render overview image in modal

What's done:

• rendering image inside modal with logic that provides fitting to container image size
• handling defining default and storing current image id
• unit tests

Important:

Why the image is using fitting logic? That's because in the next step we'll need to render interactive elements above the image in predefined places (clickable buttons, submap links etc.). It would not be possible to render them in correct places if we've used img with object-fit class for eg. because object-fit changes only apperance of image and not it's real size. Also, using aspect ratio would not be ideal as it's not supported by all browers

Why there are so much changes? This PR is based on !73 (merged) - it's changes may appear here if it's not merged yet

src/components/FunctionalArea/Modal/OverviewImagesModal/utils/getFinalImageSize.test.ts

+import { getFinalImageSize } from './getFinalImageSize';
+
+describe('getFinalImageSize - util', () => {
+  const cases = [
+    [
+      { width: 0, height: 0 },
+      { width: 0, height: 0 },
+      { width: 0, height: 0, sizeFactor: 0 },
+    ],
+    [
+      { width: 100, height: 100 },
+      { width: 100, height: 100 },
+      { width: 100, height: 100, sizeFactor: 1 },
+    ],
+    [
+      { width: 100, height: 100 },
+      { width: 200, height: 250 },
+      { width: 80, height: 100, sizeFactor: 0.4 },
+    ],
+    [
+      { width: 10, height: 40 },
+      { width: 40, height: 60 },
+      { width: 10, height: 15, sizeFactor: 0.25 },
+    ],
+  ];
+
+  it.each(cases)(
+    'should return valid size and size factor',
+    (containerSize, maxImageSize, finalSize) => {
+      expect(getFinalImageSize(containerSize, maxImageSize)).toStrictEqual(finalSize);
+    },
+  );
+});