Make mask ids unique to avatar instances

[bfischer1121]

Why

If an app has multiple instances of the same type of avatar on the page and one of those avatars is hidden, the visible avatar may reference the hidden avatar's mask element as its own mask. This results in the visible avatar no longer being circular because the mask no longer has effect. Tested in chrome.

How

• Create a poor man's polyfill of React 18's useId
• Replace the avatar's mask id with the result of useId, making it unique to the instance so there's no cross-referencing

PR is just a POC for avatar-pixel

[github-actions[bot]]

This PR is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[suntudo]

Hi there, could you please accept this PR? I just ran into this issue and was really stumped till I found this. Love the avatars! Thanks