[Improvement] SYST-512: Restyle, and rename style props on CapsuleTab

[alimnfl]

Description:
This pull request updates the styles API by adding self and contentStyle, allowing users to customize styling more effectively in the CapsuleTab component.

It also adds an onTabChange prop that provides a callback with the activeTab, based on the id field.

Source:
[Improvement] SYST-512: Restyle, and rename style props on CapsuleTab

Tick what you have done:
[x] I have double checked the functionality with the ticket in linear, or any other relevant discussion avenue
[x] I have created/updated any relevant test code
[x] I have tested it myself

[linear]

SYST-512 Restyle, and rename style props on `CapsuleTab`

[netlify]

✅ Deploy Preview for coneto ready!

Name	Link
🔨 Latest commit	70c3996
🔍 Latest deploy log	https://app.netlify.com/projects/coneto/deploys/69b4e6290f573b0008b19d10
😎 Deploy Preview	https://deploy-preview-292--coneto.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[adamnoto]

clicking write tab doesn't work, is the test even passing? it's scary if it does pass... can you report and double check if test passing before working on the fix?

[adamnoto]

I think this one hasn't been done:

Then add margin-left and margin-right of the tab bar of 5px, currently the tabs are too "mepet" with the outside border.

because the tab still mepet

[alimnfl]

clicking write tab doesn't work, is the test even passing? it's scary if it does pass... can you report and double check if test passing before working on the fix?

so ya, it's work for now, It will show like this after using onTabChange, but not properly handled on the conditional state, but for now I think it's not error, I've add the condition to onTabChange uses.

[alimnfl]

I think this one hasn't been done:

Then add margin-left and margin-right of the tab bar of 5px, currently the tabs are too "mepet" with the outside border.

because the tab still mepet

done for this, sorry I miss that...

[alimnfl]

clicking write tab doesn't work, is the test even passing? it's scary if it does pass... can you report and double check if test passing before working on the fix?

first, for the test it's not have it to move another tab sorry....

but for now it was done to doing that one (move to another tab), with or without onTabChange...