feat: added signature pad component

[Swappea]

• New component added Signature pad
• This will allow to get users signature.
• It also has ability to generate image preview which can be used with image tag to show it to user.
• it can also be used with html5 forms.

[netlify]

✅ Deploy Preview for kobalte ready!

Name	Link
🔨 Latest commit	c684b4b
🔍 Latest deploy log	https://app.netlify.com/sites/kobalte/deploys/672cf6e45db07d0008236654
😎 Deploy Preview	https://deploy-preview-524--kobalte.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 83 (🔴 down 1 from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 82 (no change from production) PWA: 60 (no change from production) View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[jer3m01]

Thanks for the PR!

Small bug with the image preview; it doesn't seem to fill the <img> fully:

Also an option to change the color of the image would be useful.

[jer3m01]

Will also delay the merge of this component as I'd need to find a way to make it accessible. Open to suggestions!

[Swappea]

Thanks for the PR!

Small bug with the image preview; it doesn't seem to fill the <img> fully: Also an option to change the color of the image would be useful.

I cannot seem to reproduce the bug, I can see complete image preview. Could you share which device were you using at that time? Look at the attached screenshot.

• As for color, yes I will find a way to send a props to override the default color.
• As for accessibility, I did searched for it, but I couldn't find much on it. I will continue to do so, if anyone else has any suggestions.