feat: use getMappedCoordinates for coordinates

src/components/atoms/canvas.tsx

@@ -50,11 +50,8 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
             }
             switch (event.type) {
                 case 'mousedown':
-                    // const clickCoordinates = getMappedCoordinates(event, canvasRef.current, width, height);
+                    const clickCoordinates = getMappedCoordinates(event, canvasRef.current, width, height);
-                    socket.emit('input:mousedown', {
+                    socket.emit('input:mousedown', clickCoordinates);
-                        x: event.clientX,
-                        y: event.clientY,
-                    });
                     notifyLastAction('click');
                     break;
                 case 'mousemove':