feat: update button components to use anchor type for external links

Author: RohitRaj011

src/Pages/License/ActivateLicense.tsx

@@ -5,13 +5,13 @@ import {
     ActivateLicenseDialog,
     API_STATUS_CODES,
     Button,
+    ButtonComponentType,
     ButtonVariantType,
     CONTACT_SUPPORT_LINK,
     DevtronLicenseCard,
     DevtronProgressing,
     ENTERPRISE_SUPPORT_LINK,
     ErrorScreenManager,
-    getHandleOpenURL,
     ICDevtronWithBorder,
     Icon,
     InfoBlock,
@@ -93,9 +93,10 @@ const ActivateLicense = () => {
                     buttonProps={{
                         text: 'Contact Support',
                         variant: ButtonVariantType.text,
-                        onClick: getHandleOpenURL(CONTACT_SUPPORT_LINK),
+                        component: ButtonComponentType.anchor,
                         dataTestId: 'contact-support',
                         startIcon: <Icon name="ic-chat-circle-dots" color="B500" size={16} />,
+                        anchorProps: { href: CONTACT_SUPPORT_LINK },
                     }}
                     layout="column"
                 />

src/components/externalLinks/ExternalLinks.component.tsx

@@ -168,9 +168,11 @@ const ExternalLinkIframeModal = ({ selectedExternalLink, handleCloseModal }) =>
                         icon={<ICArrowOut />}
                         variant={ButtonVariantType.borderLess}
                         size={ComponentSizeType.xs}
-                        component={ButtonComponentType.button}
+                        component={ButtonComponentType.anchor}
                         style={ButtonStyleType.neutral}
-                        onClick={getHandleOpenURL(selectedExternalLink.externalLinkURL)}
+                        anchorProps={{
+                            href: selectedExternalLink.externalLinkURL,
+                        }}
                         showAriaLabelInTippy={false}
                     />
                     <Button

src/components/externalLinks/ExternalLinksCRUD/AddExternalLink.tsx

@@ -28,7 +28,8 @@ import {
     ComponentSizeType,
     getHandleOpenURL,
     OptionType,
-    getDocumentationUrl
+    getDocumentationUrl,
+    ButtonComponentType
 } from '@devtron-labs/devtron-fe-common-lib'
 import { DEVTRON_IFRAME_PRIMARY } from '@Config/constants'
 import { createGroupedItemsByKey } from '../../common'
@@ -321,7 +322,8 @@ export default function AddExternalLink({
                         style={ButtonStyleType.neutral}
                         variant={ButtonVariantType.borderLess}
                         size={ComponentSizeType.small}
-                        onClick={getHandleOpenURL(getDocumentationUrl({docLinkKey : "EXTERNAL_LINKS"}))}
+                        component={ButtonComponentType.anchor}
+                        anchorProps={{href: getDocumentationUrl({docLinkKey : "EXTERNAL_LINKS"}) }}
                         showAriaLabelInTippy={false}
                         showTooltip
                         tooltipProps={{