Fixed esc handler behavior on preview and advanced theme modals (#20014)

ref DES-26, DES-57

apps/admin-x-design-system/src/global/modal/PreviewModal.tsx

@@ -265,6 +265,7 @@ export const PreviewModalContent: React.FC<PreviewModalProps> = ({
             afterClose={afterClose}
             animate={false}
             backDropClick={backDropClick}
+            dirty={dirty}
             footer={false}
             height={height}
             padding={false}

apps/admin-x-settings/src/components/settings/site/ThemeModal.tsx

@@ -468,6 +468,10 @@ const ChangeThemeModal: React.FC<ChangeThemeModalProps> = ({source, themeRef}) =
             testId='theme-modal'
             title=''
             scrolling
+            onCancel={() => {
+                modal.remove();
+                updateRoute('');
+            }}
         >
             <div className='flex h-full justify-between'>
                 <div className='grow'>