Adds hotkey to reset canvas interaction state

If the canvas' interaction state (e.g. isMovingBoundingBox, isDrawing, etc) get stuck somehow, user can press Escape to reset the state.

frontend/src/features/canvas/hooks/useCanvasHotkeys.ts

@@ -3,6 +3,7 @@ import _ from 'lodash';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { activeTabNameSelector } from 'features/options/store/optionsSelectors';
 import {
+  resetCanvasInteractionState,
   setShouldShowBoundingBox,
   setTool,
 } from 'features/canvas/store/canvasSlice';
@@ -46,6 +47,17 @@ const useInpaintingCanvasHotkeys = () => {
 
   const canvasStage = getCanvasStage();
 
+  useHotkeys(
+    'esc',
+    () => {
+      dispatch(resetCanvasInteractionState());
+    },
+    {
+      enabled: () => true,
+      preventDefault: true,
+    }
+  );
+
   useHotkeys(
     'shift+h',
     () => {

frontend/src/features/canvas/store/canvasSlice.ts

@@ -675,6 +675,16 @@ export const canvasSlice = createSlice({
 
       state.layerState.objects = [action.payload];
     },
+    resetCanvasInteractionState: (state) => {
+      state.cursorPosition = null;
+      state.isDrawing = false;
+      state.isMouseOverBoundingBox = false;
+      state.isMoveBoundingBoxKeyHeld = false;
+      state.isMoveStageKeyHeld = false;
+      state.isMovingBoundingBox = false;
+      state.isMovingStage = false;
+      state.isTransformingBoundingBox = false;
+    },
   },
 });
 
@@ -690,6 +700,7 @@ export const {
   prevStagingAreaImage,
   redo,
   resetCanvas,
+  resetCanvasInteractionState,
   resetCanvasView,
   resizeAndScaleCanvas,
   resizeCanvas,

frontend/src/features/gallery/components/ImageGallery.tsx

@@ -192,9 +192,11 @@ export default function ImageGallery() {
   useHotkeys(
     'esc',
     () => {
-      if (shouldPinGallery) return;
       dispatch(setShouldShowGallery(false));
-      dispatch(setDoesCanvasNeedScaling(true));
+    },
+    {
+      enabled: () => !shouldPinGallery,
+      preventDefault: true,
     },
     [shouldPinGallery]
   );

frontend/src/features/tabs/components/InvokeOptionsPanel.tsx

@@ -72,9 +72,11 @@ const InvokeOptionsPanel = (props: Props) => {
   useHotkeys(
     'esc',
     () => {
-      if (shouldPinOptionsPanel) return;
       dispatch(setShouldShowOptionsPanel(false));
-      dispatch(setDoesCanvasNeedScaling(true));
+    },
+    {
+      enabled: () => !shouldPinOptionsPanel,
+      preventDefault: true,
     },
     [shouldPinOptionsPanel]
   );