[TASK](ui): Migrate Badge(All dependable at once) to typescript

[barsukov]

Task Description

We need to convert Badge and all related components from @cloudoperators/juno-ui-components to TypeScript

List of potential dependencies
Check what would be easy to migrate, this can be a problem

• Icon

Sub-tasks

• change the name to .tsx of all related components
• Change the stories to .tsx and all related componetns
• fix all errors related to npm run typecheck
• Transfer all related tests to vitests from jest
• Check if npm run build is working and prove the working parts in storybook or example app
• Check that npm run lint is working correctly and fix all tslint errors

Related Issues

• [EPIC]: @cloudoperators/juno-ui-components migrate UI Components to TypeScript #168

Additional Context
Please check this online codemode editor to change the PropTypes to a proper Ts interfaces

https://github.com/mskelton/ratchet
Online editor: https://ratchet.mskelton.dev/

We need to be pretty concious about migration to ts cause it could create a potential breaking changes. Also if there will be too much changes at once maybe consider to split up the task again. Also some dependencies could be hidden and only discovered while executing the migration, could also lead to potential reconsidering the order of task execution.

[guoda-puidokaite]

Bug Found

Issue: An icon isn't rendered for the Critical variant in Badge
Description: During the Typescript migration it was found that a 'critical' icon doesn't exist and that instead we default to help (see screenshot below). Thank You, @barsukov!

Solution Questions:

• We've four icons for critical: severityLow, severityMedium, severityHigh and severityCritical (screenshot below). What's the intended behaviour for this variant type? Do we want to cover one general critical case or somehow cover four?

• If only one, what icon should be used for this variant?

CC: @edda

[edda]

@guoda-puidokaite re: critical variant
This variant shouldn't exist. It's some accidental left-over that wasn't noticed before. Good job finding the bug and please just remove the critical variant

[guoda-puidokaite]

Nice! Super happy to hear that, as this variant was one of my UX concerns. Thanks for the quick reply. 🚀