fix(front): fix placing a pixel when moving the canvas with space

Closes #1

Author: RichardDorian

frontend/src/components/Canvas.vue

@@ -17,7 +17,7 @@ const canvasStore = useCanvasStore();
 const authStore = useAccountStore();
 const api = useApi();
 const { initializeCanvas, drawCanvas } = useCanvas();
-useCanvasControls(canvasContainer);
+const { isSpacedPressed } = useCanvasControls(canvasContainer);
 const { connectToGateway, place } = useCanvasGateway();
 
 function onWindowResize() {
@@ -43,6 +43,7 @@ watch(
 
 function handleClick(event: PointerEvent): void {
   if (!authStore.connected) return;
+  if (isSpacedPressed.value) return;
 
   const canvas = event.target as HTMLCanvasElement;
   const rect = canvas.getBoundingClientRect();

frontend/src/composables/useCanvasControls.ts

@@ -91,4 +91,6 @@ export function useCanvasControls(container: Ref<HTMLDivElement | null>) {
     controls.removeEventListener('mouseleave', handleMouseUp);
     controls.removeEventListener('wheel', handleWheel);
   });
+
+  return { isSpacedPressed };
 }