feat(UI): add support of ReactNode lable to pill component

Author: v-tarasevich

datahub-web-react/src/alchemy-components/components/Pills/Pill.stories.tsx

@@ -34,7 +34,7 @@ const meta: Meta = {
         label: {
             description: 'Label for the Pill.',
             table: {
-                defaultValue: { summary: defaults.label },
+                defaultValue: { summary: defaults.label as string },
             },
             control: {
                 type: 'text',

datahub-web-react/src/alchemy-components/components/Pills/types.ts

@@ -9,7 +9,7 @@ export interface PillPropsDefaults {
 }
 
 export interface PillProps extends Partial<PillPropsDefaults>, Omit<HTMLAttributes<HTMLElement>, 'color'> {
-    label: string;
+    label: React.ReactNode;
     color?: ColorOptions;
     rightIcon?: string;
     leftIcon?: string;