fix: make CheckBox styling respect the figma design

[rami-pro]

What does it do?

I just added styling to my checkbox styeled component, and changed icon's color based on the state of the checkbox if it's disabled or not

Why is it needed?

refer issue : strapi/strapi#22032

How to test it?

Check on the storybook and compare to figma design at link

Related issue(s)/PR(s)

strapi/strapi#22032

[changeset-bot]

⚠️ No Changeset found

Latest commit: 5577038

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
design-system	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 4, 2024 3:22pm

[hanpaine]

Hey @rami-pro nice catch 🚀 we'll take a look as soon as possible 🙏