[TASK](ui): Migrate Box component to TypeScript

[barsukov]

Task Description

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

List of potential dependencies

• Nice candidate to migrate first, no deps for first glance but could be used inside other components.

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]

The naming of the unpad prop seems a little confusing and colloquial.
Something like noPadding = true might be more straightforward?

For example:

However, this would of course be a breaking change and not within the scope of the ticket. We could roll it out with backward compatibility sometime in the future.
For now, I rephrased the docs to make things a little clearer.

FYI @edda

Update: Added to a future improvement EPIC