RHCLOUD-25154 Show 4 labels - if we have more than 4, wrap at 3 to allow the "X more" to take the 4th place (#157)

Author: josejulio

src/components/Tags/Tags.tsx

@@ -1,8 +1,9 @@
-import {FunctionComponent, PropsWithChildren} from "react";
+import {Children, FunctionComponent, PropsWithChildren} from "react";
 import {LabelGroup} from "@patternfly/react-core";
 
 export const Tags: FunctionComponent<PropsWithChildren> = ({children}) => {
-    return <LabelGroup>
+    const numLabels = Children.toArray(children).length <= 4 ? 4 : 3;
+    return <LabelGroup numLabels={numLabels}>
         {children}
     </LabelGroup>;
 };