feat: add isLandscapeView prop to ConfirmationModal for responsive width adjustment

Author: AbhishekA1509

src/Shared/Components/ConfirmationModal/ConfirmationModal.tsx

@@ -39,6 +39,7 @@ const ConfirmationModalBody = ({
     handleClose,
     shouldCloseOnEscape = true,
     overriddenTheme,
+    isLandscapeView = false,
 }: ConfirmationModalBodyProps) => {
     const { registerShortcut, unregisterShortcut } = useRegisterShortcut()
 
@@ -83,7 +84,7 @@ const ConfirmationModalBody = ({
     return (
         <Backdrop onEscape={shouldCloseOnEscape ? handleCloseWrapper : noop}>
             <motion.div
-                className={`${overriddenTheme ? getComponentSpecificThemeClass(overriddenTheme) : ''} confirmation-modal border__secondary flexbox-col br-8 bg__primary dc__m-auto mt-40 w-400`}
+                className={`${overriddenTheme ? getComponentSpecificThemeClass(overriddenTheme) : ''} ${isLandscapeView ? 'w-500' : 'w-400'} confirmation-modal border__secondary flexbox-col br-8 bg__primary dc__m-auto mt-40 w-400`}
                 exit={{ y: 100, opacity: 0, scale: 0.75, transition: { duration: 0.35 } }}
                 initial={{ y: 100, opacity: 0, scale: 0.75 }}
                 animate={{ y: 0, opacity: 1, scale: 1 }}
@@ -96,7 +97,7 @@ const ConfirmationModalBody = ({
                               className: `${RenderIcon.props?.className ?? ''} icon-dim-48 dc__no-shrink`,
                           })}
 
-                    <div className="flexbox-col dc__gap-8">
+                    <div className={`flexbox-col ${isLandscapeView ? '' : 'dc__gap-8'}`}>
                         <span className="cn-9 fs-16 fw-6 lh-24 dc__word-break">{title}</span>
 
                         {typeof subtitle === 'string' ? (

src/Shared/Components/ConfirmationModal/types.ts

@@ -99,6 +99,11 @@ export type ConfirmationModalProps<isConfig extends boolean = false> = PropsWith
      * If provided, the modal will use the specified theme instead of using the theme set by theme provider.
      */
     overriddenTheme?: AppThemeType
+    /**
+     * @default false
+     * @deprecated Used to extend the width to 500px and remove gap between title and subTitle.
+     */
+    isLandscapeView?: boolean
 }> &
     ButtonConfigAndVariantType<isConfig> &
     (isConfig extends false