feat: update gaps in confiramtion modal

Author: arunjaindev

src/Common/Dialogs/ConfirmationDialog.tsx

@@ -23,6 +23,9 @@ import {
     ConfirmationDialogType,
 } from './Types'
 
+/**
+ * @deprecated use confirmation modal instead
+ */
 const ConfirmationDialog = ({ className = '', children, close }: ConfirmationDialogType) => (
     <VisibleModal2 className="confirmation-dialog" close={close}>
         <div onClick={stopPropagation} className={`confirmation-dialog__body ${className}`}>{children}</div>

src/Shared/Components/ConfirmationModal/ConfirmationModal.tsx

@@ -82,17 +82,20 @@ const ConfirmationModalBody = ({
                 initial={{ y: 100, opacity: 0, scale: 0.75 }}
                 animate={{ y: 0, opacity: 1, scale: 1 }}
             >
-                <div className="flexbox-col dc__gap-12 p-20">
+                <div className="flexbox-col dc__gap-16 p-20">
                     {cloneElement(RenderIcon, {
                         className: `${RenderIcon.props?.className ?? ''} icon-dim-48 dc__no-shrink`,
                     })}
-                    <span className="cn-9 fs-16 fw-6 lh-24 dc__word-break">{title}</span>
 
-                    {typeof subtitle === 'string' ? (
-                        <span className="cn-8 fs-13 fw-4 lh-20 dc__word-break">{subtitle}</span>
-                    ) : (
-                        subtitle
-                    )}
+                    <div className="flexbox-col dc__gap-8">
+                        <span className="cn-9 fs-16 fw-6 lh-24 dc__word-break">{title}</span>
+
+                        {typeof subtitle === 'string' ? (
+                            <span className="cn-8 fs-13 fw-4 lh-20 dc__word-break">{subtitle}</span>
+                        ) : (
+                            subtitle
+                        )}
+                    </div>
 
                     {children}