feat: add a new highlighter component

[Pratiyankkumar]

Added a new Highlighter component which highlights the text as it were highlighted by a human .
Additional features include:

1. Colour of highlighting : We can provide the colour of highlighting as a prop.
2. Action of highlighter: We can provide the action of highlighter as a prop , which can be a circle or highlighter.

Preview shown in the image :

[vercel]

@Pratiyankkumar is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

[Pratiyankkumar]

@dillionverma Please take a look at this.

[Pratiyankkumar]

@dillionverma Appreciate you taking a look! 👀 Let me know if it's good to merge.

[dillionverma]

Great component idea, I could see it being useful for a lot of cases.

However, I think the PR in it's current state feels incomplete.

Some points to improve:

1. Expose access to all underlying props https://github.com/rough-stuff/rough-notation. Looks like there are more annotation types but this PR limits it to only 2. There are also several other useful props which are hidden.
2. Give more demo examples

[Pratiyankkumar]

ok will do that, thanks for pointing out

[Pratiyankkumar]

Great component idea, I could see it being useful for a lot of cases.

However, I think the PR in it's current state feels incomplete.

Some points to improve:

1. Expose access to all underlying props https://github.com/rough-stuff/rough-notation. Looks like there are more annotation types but this PR limits it to only 2. There are also several other useful props which are hidden.
2. Give more demo examples

@dillionverma
Added more annotations ✅
Added other useful props to give full access of the component to the user ✅
Given more demo examples ✅
here are the changes :

Screen.Recording.2025-02-20.142052.mp4

[Pratiyankkumar]

@dillionverma Please tell me if its good to merge or something else is remaining