Cursor add on tile doesn't align itself with mouse position dynamically

Right now the code that aligns the cursor tile showing your active color is hard coding the x and y axis offset. See highlighted code. Need to find a way to center the tile on the mouse that responds dynamically to screen size.

```

setMousePos({ x: e.pageX - 763, y: e.pageY - 433 });

```

Start by locating the code containing setMousePos({ x: e.pageX - 763, y: e.pageY - 433 }) and inspect how the cursor tile is positioned. Replace the hard-coded offsets with positioning that centers the tile relative to the mouse across different screen sizes, then verify the alignment at multiple viewport dimensions.

Written by the indexing model from the issue text.