fix: LSDV-5202: Fix Ranker d-n-d in Preview (#1421)

There was a problem with ResizeObserver from our panels, when user moved item to another column making it higher.
That happens only in collapsed mode, and ResizeObserver is actually not needed there.

Author: hlomzik

src/components/SidePanels/SidePanels.tsx

@@ -405,6 +405,9 @@ const SidePanelsComponent: FC<SidePanelsProps> = ({
     const observer = new ResizeObserver(() => {
       const { clientWidth, clientHeight } = root ?? {};
 
+      // we don't need to check or resize anything in collapsed state
+      if (clientWidth <= maxWindowWidth) return;
+
       // Remember current width and height of the viewport
       viewportSize.current.width = clientWidth ?? 0;
       viewportSize.current.height = clientHeight ?? 0;

src/components/SidePanels/TabPanels/SideTabsPanels.tsx

@@ -389,7 +389,10 @@ const SideTabsPanelsComponent: FC<SidePanelsProps> = ({
 
     const observer = new ResizeObserver(() => {
       const { clientWidth, clientHeight } = root ?? {};
-      
+
+      // we don't need to check or resize anything in collapsed state
+      if (clientWidth <= maxWindowWidth) return;
+
       if(viewportSize.current.height !== clientHeight) setPanelData(getSnappedHeights(panelData, clientHeight));
       // Remember current width and height of the viewport
       viewportSize.current.width = clientWidth ?? 0;