Adds Classes utility component with documentation

[timothyokooboh]

Overview

This PR relates to issue 127.

This PR introduces a new utility component called Classes that simplifies conditional class name management in React components. The component provides a clean and type-safe way to conditionally apply multiple classes based on different conditions. It serves as an enhancement to the limitations of the Class utility component.

Features

• Type-safe implementation with TypeScript.
• Support for multiple conditional classes using object mapping.
• Automatic class name deduplication.
• Flexible element type support through the as prop.

Usage Example

<Classes
  as="button"
  className="base-class"
  toggleClasses={{
    'error': hasError,
    'squared': isSquared,
    'disabled': isDisabled
  }}
>
  Click me
</Classes>

Testing

• Added demo implementation that showcases all features.
• Added unit tests inside lib/tests/utils/Classes.test.tsx.

Breaking Changes

None

Dependencies

None

[timothyokooboh]

@DavidHDev, could you help review my PR when you get a chance? Thanks!

[DavidHDev]

Thank you, I'll merge this in before the next release