[Cl-10] Make badge inline (#3089)

* feat: make badge inline

* feat: lower y-padding

libs/components/src/badge/badge.directive.ts

@@ -26,11 +26,10 @@ const hoverStyles: Record<BadgeTypes, string[]> = {
 export class BadgeDirective {
   @HostBinding("class") get classList() {
     return [
-      "tw-inline-block",
+      "tw-inline",
-      "tw-py-1",
+      "tw-py-0.5",
       "tw-px-1.5",
       "tw-font-bold",
-      "tw-leading-none",
       "tw-text-center",
       "!tw-text-contrast",
       "tw-rounded",