add "squircle" className as alternative to rounded-full

[PeerRich]

https://en.wikipedia.org/wiki/Squircle

alternatives:

https://github.com/pie6k/react-ios-corners/

this can be achieved with css mask

[PeerRich]

may be out of scope as it requires a bit more JS than i expected. I thought this was possible with pure CSS. feel free to close

[PeerRich]

looks like daisy ui found a css based solution https://daisyui.com/components/avatar/#avatar-with-mask

[KlotzJesse]

@PeerRich Is now native in CSS, https://www.npmjs.com/package/tailwindcss-corner-shape or https://github.com/[toolwind/corner-shape](https://github.com/toolwind/corner-shape)

[PeerRich]

siuuu