fix: BROS-264: Incorrect relations order + small image fix (#8157)

Author: nick-skriabin

web/libs/editor/src/components/ImageView/ImageView.jsx

@@ -460,7 +460,7 @@ const PixelGridLayer = observer(({ item }) => {
   const ZOOM_THRESHOLD = 20;
 
   const visible = item.zoomScale > ZOOM_THRESHOLD;
-  const { naturalWidth, naturalHeight } = item.currentImageEntity;
+  const { naturalWidth, naturalHeight } = item.currentImageEntity ?? {};
   const { stageWidth, stageHeight } = item;
   const imageSmallerThanStage = naturalWidth < stageWidth || naturalHeight < stageHeight;
 

web/libs/editor/src/components/SidePanels/DetailsPanel/Relations.tsx

@@ -32,8 +32,8 @@ interface RelationsListProps {
 const RelationsList: FC<RelationsListProps> = observer(({ relations }) => {
   return (
     <>
-      {relations.map((rel, i) => {
-        return <RelationItem key={i} relation={rel} />;
+      {relations.map((rel) => {
+        return <RelationItem key={rel.id} relation={rel} />;
       })}
     </>
   );