Fix Absolute Resize Handle Priority (#6548)

**Problem:**

![image](https://github.com/user-attachments/assets/aba59de0-34c6-4100-8863-8864b75c2546)

The absolute resize handle would be obscured by other canvas controls. 

The worst problem is that some invisible controls could also obscure it
and steal mouse events.

**Fix:**
- Setting the absolute resize handle to top priority.
- Taking away the top priority from `GridRowColumnResizingControls`

editor/src/components/canvas/canvas-strategies/strategies/absolute-resize-bounding-box-strategy.tsx

@@ -120,6 +120,7 @@ export function absoluteResizeBoundingBoxStrategy(
         props: { targets: originalTargets, pathsWereReplaced: pathsWereReplaced },
         key: 'absolute-resize-control',
         show: 'visible-except-when-other-strategy-is-active',
+        priority: 'top',
       }),
       controlWithProps({
         control: ZeroSizeResizeControlWrapper,

editor/src/components/canvas/canvas-strategies/strategies/basic-resize-strategy.tsx

@@ -102,6 +102,7 @@ export function basicResizeStrategy(
         props: { targets: selectedElements, pathsWereReplaced: false },
         key: 'absolute-resize-control',
         show: 'always-visible',
+        priority: 'top',
       }),
       controlWithProps({
         control: ZeroSizeResizeControlWrapper,

editor/src/components/canvas/canvas-strategies/strategies/flex-resize-basic-strategy.tsx

@@ -107,6 +107,7 @@ export function flexResizeBasicStrategy(
         props: { targets: selectedElements, pathsWereReplaced: false },
         key: 'absolute-resize-control',
         show: 'always-visible',
+        priority: 'top',
       }),
       controlWithProps({
         control: ZeroSizeResizeControlWrapper,

editor/src/components/canvas/canvas-strategies/strategies/flex-resize-strategy.tsx

@@ -127,6 +127,7 @@ export function flexResizeStrategy(
         props: { targets: selectedElements, pathsWereReplaced: false },
         key: 'absolute-resize-control',
         show: 'always-visible',
+        priority: 'top',
       }),
       controlWithProps({
         control: ZeroSizeResizeControlWrapper,

editor/src/components/canvas/canvas-strategies/strategies/keyboard-absolute-resize-strategy.tsx

@@ -166,6 +166,7 @@ export function keyboardAbsoluteResizeStrategy(
         props: { targets: selectedElements, pathsWereReplaced: pathsWereReplaced },
         key: 'absolute-resize-control',
         show: 'visible-except-when-other-strategy-is-active',
+        priority: 'top',
       }),
     ],
     fitness: getFitness(interactionSession),

editor/src/components/canvas/canvas-strategies/strategies/resize-grid-strategy.ts

@@ -75,7 +75,6 @@ export const resizeGridStrategy: CanvasStrategyFactory = (
         props: { target: gridPath },
         key: `grid-row-col-resize-controls-${EP.toString(gridPath)}`,
         show: 'always-visible',
-        priority: 'top',
       },
       controlsForGridPlaceholders(gridPath),
     ],

editor/src/core/performance/__snapshots__/performance-regression-tests.spec.tsx.snap

@@ -58,6 +58,8 @@ Array [
   "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedExoticType(Symbol(react.fragment))/GridMeasurementHelpers/Symbol(react.memo)()",
   "/UtopiaSpiedExoticType(Symbol(react.fragment))/GridMeasurementHelpers//div",
   "/null/Symbol(react.memo)()//Symbol(react.memo)()",
+  "/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
+  "/null/Symbol(react.memo)()//Symbol(react.memo)()",
   "/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
   "/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
   "/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
@@ -88,8 +90,6 @@ Array [
   "/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
   "/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='SizeLabelTestId'",
   "/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='parent-resize-label'",
-  "/null/Symbol(react.memo)()//Symbol(react.memo)()",
-  "/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
   "/Symbol(react.forward_ref)(Styled(div))/div/Symbol(react.forward_ref)(Styled(div))/div",
   "/UtopiaSpiedFunctionComponent(SimpleFlexColumn)/div/ElementsOutsideVisibleAreaIndicator/Symbol(react.memo)(IndicatorArrow)",
   "/div/div/NavigatorComponent/Symbol(react.memo)()",
@@ -842,6 +842,8 @@ Array [
   "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedExoticType(Symbol(react.fragment))/GridMeasurementHelpers/Symbol(react.memo)()",
   "/UtopiaSpiedExoticType(Symbol(react.fragment))/GridMeasurementHelpers//div",
   "/null/Symbol(react.memo)()//Symbol(react.memo)()",
+  "/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
+  "/null/Symbol(react.memo)()//Symbol(react.memo)()",
   "/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
   "/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
   "/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
@@ -872,8 +874,6 @@ Array [
   "/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
   "/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='SizeLabelTestId'",
   "/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='parent-resize-label'",
-  "/null/Symbol(react.memo)()//Symbol(react.memo)()",
-  "/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
   "/Symbol(react.forward_ref)(Styled(div))/div/Symbol(react.forward_ref)(Styled(div))/div",
   "/UtopiaSpiedFunctionComponent(SimpleFlexColumn)/div/ElementsOutsideVisibleAreaIndicator/Symbol(react.memo)(IndicatorArrow)",
   "/div/div/NavigatorComponent/Symbol(react.memo)()",