[Feature]: Custom paw cursor for user's own cursor

[cuevaio]

Problem Statement

Currently, users can see other participants' cursors as cute paw icons, but their own cursor remains the standard browser cursor. Some users want a more immersive and cohesive cat-themed experience where their own cursor is also displayed as a paw.

Proposed Solution

Add an option to replace the user's own cursor with a paw icon while on the Pawboard canvas. This could be implemented as:

1. A toggle in user settings/preferences to enable "Paw cursor mode"
2. Automatically apply a custom CSS cursor using a paw image when hovering over the canvas area
3. Consider different paw states for different actions (normal, grabbing/dragging, pointing at interactive elements)

Feature Category

UI/UX Improvements

Primary User Benefit

All users equally

Alternatives Considered

Not specified - users currently have no workaround other than using browser extensions or OS-level cursor customization, which wouldn't integrate with the Pawboard theme.

Mockups or Examples

Not provided

How important is this feature to you?

Nice to have

Additional Context

This feature would enhance the cat-themed branding and make the experience more playful and cohesive. It ties in well with the existing paw cursors shown for other users during real-time collaboration. Implementation could use CSS cursor: url('paw.png'), auto; or a custom cursor-following element for more control over animations.