Changed map drag position to use a ref value to avoid re-renders

Added a useMapBrush helper

src/contexts/MapInteractionContext.js

@@ -4,9 +4,11 @@ const MapInteractionContext = React.createContext({
   stageScale: 1,
   stageWidth: 1,
   stageHeight: 1,
+  stageDragState: "none",
   setPreventMapInteraction: () => {},
   mapWidth: 1,
   mapHeight: 1,
+  mapDragPositionRef: { current: undefined },
 });
 export const MapInteractionProvider = MapInteractionContext.Provider;