chore(ui): migrate ContentAreaToolbar component to Typescript and improve ContentContainer and ContentHeading

[guoda-puidokaite]

Summary

• Migrated ContentAreaToolbar to TypeScript, enhancing code quality, maintainability, and scalability.
• Utilised static typing to minimize runtime errors and improve the development experience.
• Improved types of already converted ContentContainer and ContentHeading.
• Moved deprecated ContentArea and ContentAreaWrapper to the /deprecated_js folder (for deletion when ready) and added it to deprecated section in Storybook.

Changes Made

TypeScript Migration:

• Converted ContentAreaToolbar component files to TypeScript.
• Added comprehensive type annotations.
• Exported migrated ContentAreaToolbar, ContentArea and ContentAreaWrapper components instead of deprecated ones.
• Moved deprecated ContentArea and ContentAreaWrapper component to /deprecated_js so they can be deleted when ready.

Testing:

• Added edge cases:
  • ContentAreaToolbar
    • Renders without any props
    • Renders multiple children elements
    • Renders with no children
  • ContentContainer
    • Renders without any props
    • Renders multiple children elements
    • Renders with no children
  • ContentHeading
    • Renders without any text
    • Render with multiple children elements
    • Renders with no children
• Organised tests by what they check for better readability and maintenance.
• Verified components behaviour using Storybook.
• Updated tests to use vitest.

Documentation:

• Updated Storybook documentation.

Release:

• Generated a changeset file.

Related Issues

• Closes [TASK](ui): Migrate Content component to TypeScript #221

Testing Instructions

1. Check Storybook

Checklist

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.
• I have made corresponding changes to the documentation (if applicable).
• My changes generate no new warnings or errors.

[changeset-bot]

🦋 Changeset detected

Latest commit: 00a1c57

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@cloudoperators/juno-ui-components	Minor

Not sure what this means? Click here to learn what changesets are.

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

[github-actions]

PR Preview Action v1.4.8
🚀 Deployed preview to https://cloudoperators.github.io/juno/pr-preview/pr-641/
on branch gh-pages at 2024-11-27 15:04 UTC