Add pan tool toolbar

view/canvas/useCanvasInput.ts

@@ -1,5 +1,6 @@
 import { useEffect, useState, type RefObject } from "react";
 import type { AppStore } from "@editor/store";
+import { isPanInteractionMode } from "@editor/tools";
 import type { GlobalKeybindConsumer, GlobalPointerConsumer, GlobalWheelConsumer } from "@input/index";
 import {
   createViewportPanInputController,
@@ -35,7 +36,7 @@ export function useCanvasInput(
       globalPointerConsumer: options.globalPointerConsumer,
       dispatch: store.dispatch,
       getCurrentZoom: () => store.getState().editor.viewport.zoom,
-      isPanMode: () => store.getState().editor.tools.interactionMode.type === "temporary-pan",
+      isPanMode: () => isPanInteractionMode(store.getState().editor.tools.interactionMode),
     });
 
     const handleKeyDown = (event: KeyboardEvent) => {