Use `inline-flex` instead of `flex` in base classes of Badges

[ken717w]

• I have searched the Issues to see if this bug has already been reported
• I have tested the latest version

Summary

I think Badges are more an inline component, but now it has .flex in the base classes.

Context

In the docs the badges are wrapped by a flexbox should it looks normal. When putting a Badge into a normal div it expands to take the full width, apparently there is .flex in the base classes.

[ken717w]

Not sure if that's unexpected behaviour or intended so didn't fire a PR right now.

[SutuSebastian]

We'll revamp all components soon and take care of all these small inconsistencies and best practices. The new design system that @robert1508 released as beta recently will also take part of this revamp process.