feat: add animation in tippy customized

Author: arunjaindev

src/Common/TippyCustomized.tsx

@@ -21,6 +21,7 @@ import { ReactComponent as Help } from '../Assets/Icon/ic-help.svg'
 import { ReactComponent as ICHelpOutline } from '../Assets/Icon/ic-help-outline.svg'
 import { ReactComponent as ICOpenInNew } from '../Assets/Icon/ic-open-in-new.svg'
 import 'tippy.js/animations/shift-toward-subtle.css'
+import 'tippy.js/animations/shift-toward.css'
 import { TippyCustomizedProps, TippyTheme } from './Types'
 import { not, stopPropagation } from './Helper'
 

src/Shared/Components/InfoIconTippy/InfoIconTippy.tsx

@@ -47,6 +47,8 @@ const InfoIconTippy = ({
         documentationLink={documentationLink}
         documentationLinkText={documentationLinkText}
         additionalContent={additionalContent}
+        animation="shift-toward"
+        duration={400}
     >
         {children || (
             <button