[Grida Canvas] Add Pixel Grid

[softmarshmallow]

Pixel grid

Pixel grid helps users to interact with the canvas in a high-zoom context, for instance, drawing a 15x15 icon paths.

Proposal & Terms

• pixel grid is not a builtin canvas feature, but a default starter-kit addon
• pixel grid shall be able to be configured to be on / off by user
• unlike other surface components, pixel grid will use html5 canvas 2d to render.
• the pixel grid shall be visible (by default) from zoom level 4+ (400%)
• the pixel grid shall be able to expand (redraw) infinitely as editor tranform changes
• the pixel grid shall align with editor transform, visually making the pixel grid to represent an actual content space pixels spaces.
• the pixel grid shall be able to invert (or change) its color contrast to background to be always-visible

This is a minimal component for drawing a pixel grid, missing most features

https://github.com/gridaco/grida/blob/03369abc0096a51cb336592c8c19f420738d67d1/apps/forms/grida-react-canvas/viewport/pixelgrid.tsx