feat: update GroupButtonProps interface [WPB-20282] (#7373)

* feat: update GroupButtonProps interface

* test: update the test snapshot of Tooltip

* fix: update type name

Author: zskhan

packages/react-ui-kit/src/DataDisplay/Tooltip/__snapshots__/Tooltip.test.tsx.snap

@@ -17,6 +17,7 @@ exports[`<Tooltip /> renders correctly 1`] = `
         <div
           data-testid="tooltip-wrapper"
           role="presentation"
+          style="width: max-content;"
         >
           Hover Me
         </div>
@@ -36,6 +37,7 @@ exports[`<Tooltip /> renders correctly 1`] = `
       <div
         data-testid="tooltip-wrapper"
         role="presentation"
+        style="width: max-content;"
       >
         Hover Me
       </div>

packages/react-ui-kit/src/Inputs/ButtonGroup/ButtonGroup.tsx

@@ -17,7 +17,7 @@
  *
  */
 
-import {forwardRef, ReactNode} from 'react';
+import {ButtonHTMLAttributes, forwardRef, ReactNode} from 'react';
 
 import {CSSObject} from '@emotion/react';
 
@@ -74,10 +74,9 @@ const buttonStyle: <T>(theme: Theme, props: IconButtonProps<T>) => CSSObject = (
   }),
 });
 
-interface GroupButtonProps {
-  children?: ReactNode;
+type GroupedButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
   icon?: ReactNode;
-}
+};
 
 interface ButtonGroupProps {
   children: ReactNode;
@@ -88,7 +87,7 @@ const ButtonGroup = ({children}: ButtonGroupProps) => (
   </div>
 );
 
-const Button = forwardRef<HTMLButtonElement, GroupButtonProps>(({children, icon, ...props}, ref) => {
+const Button = forwardRef<HTMLButtonElement, GroupedButtonProps>(({children, icon, ...props}, ref) => {
   return (
     <button ref={ref} css={(theme: Theme) => buttonStyle(theme, props)} {...props}>
       {icon}