Changed map interaction to ignore events not on the canvas

This removes the need for calling prevent interaction all over the code also allowed pointer events to go through the empty parts of the dice tray

src/components/map/dice/SelectDiceButton.js

@@ -1,22 +1,17 @@
-import React, { useState, useContext } from "react";
+import React, { useState } from "react";
 import { IconButton } from "theme-ui";
 
 import SelectDiceIcon from "../../../icons/SelectDiceIcon";
 import SelectDiceModal from "../../../modals/SelectDiceModal";
 
-import MapInteractionContext from "../../../contexts/MapInteractionContext";
-
 function SelectDiceButton({ onDiceChange, currentDice }) {
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const { setPreventMapInteraction } = useContext(MapInteractionContext);
 
   function openModal() {
     setIsModalOpen(true);
-    setPreventMapInteraction(true);
   }
   function closeModal() {
     setIsModalOpen(false);
-    setPreventMapInteraction(false);
   }
 
   function handleDone(dice) {