feat: add buttonPadding prop to InfoIconTippy for customizable button styling

Author: AbhishekA1509

src/Common/Types.ts

@@ -164,6 +164,7 @@ export interface InfoIconTippyProps
     dataTestid?: string
     children?: TippyCustomizedProps['children']
     iconClassName?: string
+    buttonPadding?: string
 }
 
 export interface GenericEmptyStateType {

src/Shared/Components/InfoIconTippy/InfoIconTippy.tsx

@@ -31,6 +31,7 @@ const InfoIconTippy = ({
     dataTestid = 'info-tippy-button',
     children,
     headingInfo,
+    buttonPadding = 'p-0',
 }: InfoIconTippyProps) => (
     <TippyCustomized
         theme={TippyTheme.white}
@@ -53,7 +54,7 @@ const InfoIconTippy = ({
         {children || (
             <button
                 type="button"
-                className="p-0 dc__no-background dc__no-border dc__outline-none-imp flex dc__tab-focus dc__no-shrink"
+                className={`${buttonPadding} dc__no-background dc__no-border dc__outline-none-imp flex dc__tab-focus dc__no-shrink`}
                 aria-label="Info Icon"
                 data-testid={dataTestid}
             >