use clearShapes instead of setShapes for removing drawables

src/components/boards/Board.tsx

@@ -145,6 +145,7 @@ function Board({
   const storeMakeMove = useStore(store, (s) => s.makeMove);
   const setHeaders = useStore(store, (s) => s.setHeaders);
   const deleteMove = useStore(store, (s) => s.deleteMove);
+  const clearShapes = useStore(store, (s) => s.clearShapes);
   const setShapes = useStore(store, (s) => s.setShapes);
   const setFen = useStore(store, (s) => s.setFen);
 
@@ -332,7 +333,7 @@ function Board({
             <ActionIcon
               variant={editingMode ? "filled" : "default"}
               size="lg"
-              onClick={() => setShapes([])}
+              onClick={() => clearShapes()}
             >
               <IconEraser size="1.3rem" />
             </ActionIcon>
@@ -405,12 +406,12 @@ function Board({
       : editingMode
         ? "both"
         : match(movable)
-            .with("white", () => "white" as const)
-            .with("black", () => "black" as const)
-            .with("turn", () => turn)
-            .with("both", () => "both" as const)
-            .with("none", () => undefined)
-            .exhaustive();
+          .with("white", () => "white" as const)
+          .with("black", () => "black" as const)
+          .with("turn", () => turn)
+          .with("both", () => "both" as const)
+          .with("none", () => undefined)
+          .exhaustive();
   }, [practiceLock, editingMode, movable, turn]);
 
   const theme = useMantineTheme();
@@ -595,15 +596,15 @@ function Board({
               style={
                 isBasicAnnotation(currentNode.annotations[0])
                   ? {
-                      "--light-color": lightColor,
-                      "--dark-color": darkColor,
-                    }
+                    "--light-color": lightColor,
+                    "--dark-color": darkColor,
+                  }
                   : undefined
               }
               className={chessboard}
               ref={boardRef}
               onClick={() => {
-                eraseDrawablesOnClick && setShapes([]);
+                eraseDrawablesOnClick && clearShapes();
               }}
               onWheel={(e) => {
                 if (enableBoardScroll) {