feat(Icon): add ic-key-enter icon and update icon mapping

Author: AbhishekA1509

src/Assets/IconV2/ic-key-enter.svg

@@ -25,6 +25,7 @@ import { Backdrop } from '../Backdrop'
 import { Button, ButtonStyleType, ButtonVariantType } from '../Button'
 import { Confetti } from '../Confetti'
 import { CustomInput } from '../CustomInput'
+import { Icon } from '../Icon'
 import { useConfirmationModalContext } from './ConfirmationModalContext'
 import { ConfirmationModalBodyProps, ConfirmationModalProps, ConfirmationModalVariantType } from './types'
 import { getConfirmationLabel, getIconFromVariant, getPrimaryButtonStyleFromVariant } from './utils'
@@ -34,7 +35,7 @@ import './confirmationModal.scss'
 const ConfirmationModalBody = ({
     title,
     subtitle,
-    Icon,
+    Icon: ButtonIcon,
     variant,
     buttonConfig,
     confirmationConfig,
@@ -53,8 +54,8 @@ const ConfirmationModalBody = ({
 
     const { primaryButtonConfig, secondaryButtonConfig } = buttonConfig
 
-    const RenderIcon = Icon ?? getIconFromVariant(variant)
-    const hideIcon = variant === ConfirmationModalVariantType.custom && !Icon
+    const RenderIcon = ButtonIcon ?? getIconFromVariant(variant)
+    const hideIcon = variant === ConfirmationModalVariantType.custom && !ButtonIcon
 
     const disablePrimaryButton: boolean =
         ('disabled' in primaryButtonConfig && primaryButtonConfig.disabled) ||
@@ -159,7 +160,7 @@ const ConfirmationModalBody = ({
                             text={primaryButtonConfig.text}
                             onClick={primaryButtonConfig.onClick as ButtonHTMLAttributes<HTMLButtonElement>['onClick']}
                             startIcon={primaryButtonConfig.startIcon}
-                            endIcon={primaryButtonConfig.endIcon}
+                            endIcon={primaryButtonConfig.endIcon || <Icon name="ic-key-enter" color={null} />}
                         />
                     )}
                 </div>

src/Shared/Components/ConfirmationModal/ConfirmationModal.tsx

@@ -98,6 +98,7 @@ import { ReactComponent as ICJobColor } from '@IconsV2/ic-job-color.svg'
 import { ReactComponent as ICK3s } from '@IconsV2/ic-k3s.svg'
 import { ReactComponent as ICK8sJob } from '@IconsV2/ic-k8s-job.svg'
 import { ReactComponent as ICKey } from '@IconsV2/ic-key.svg'
+import { ReactComponent as ICKeyEnter } from '@IconsV2/ic-key-enter.svg'
 import { ReactComponent as ICKind } from '@IconsV2/ic-kind.svg'
 import { ReactComponent as ICLaptop } from '@IconsV2/ic-laptop.svg'
 import { ReactComponent as ICLdap } from '@IconsV2/ic-ldap.svg'
@@ -260,6 +261,7 @@ export const iconMap = {
     'ic-job-color': ICJobColor,
     'ic-k3s': ICK3s,
     'ic-k8s-job': ICK8sJob,
+    'ic-key-enter': ICKeyEnter,
     'ic-key': ICKey,
     'ic-kind': ICKind,
     'ic-laptop': ICLaptop,