fix: X/Y Positioning Bug with elements, like buttons.

src/components/webpage_container/StudySite.jsx

@@ -21,14 +21,14 @@ export function StudySite(props) {
     useEffect(() => {
         window.visualiseMouseData = visualiseMouseData;
         heatmapInstance.setDataMax(HEATMAP_MAX);
-          var addData;
+        var addData;
       
           if(MOUSE_MODE) {
             const mouseDataFunc = function(ev) {
             if(!stopInput) {
               heatmapInstance.addData({
-                x: ev.layerX,
-                y: ev.layerY,
+                x: ev.x,
+                y: ev.y,
                 value: 1,
               });
             }