CE-3633: Migrate dialogs

• Migrated Dialogs
• Migrated Dialog test
• Migrated Dialog story

Test it in Deploy or Template using MR for them. Remember to run npm ci

src/components/common/Dialog/Dialog.tsx

@@ -73,7+73,7 @@
  * @param {renderActionsCallback} renderActions - render function that receives the onClose callback and returns the dialog footer/actions
  * @param {boolean} open return true or false
  * @param {function} onClose callback fired when the component requests to be closed
  * @param {object} DialogProps MUI Dialog component props; this might be how you change the
  * width of the modal via fullWidth=true, maxWidth="md", for example. See MUI documentation.
  * @param {string} className containing css classname
  */
@@ -81,7+81,7 @@
 interface DialogProps {
   title: string | ReactNode;
   content: string | ReactNode;
-  open: boolean;
-  DialogProps?: DialogPropsMUI;
+  DialogProps: DialogPropsMUI;
   className?: string;
   isLoading?: boolean;
   error?: string;
@@ -93,7 +92,6 @@ interface DialogProps {
 export const Dialog = ({
   title,
   content,
-  open,
   className,
   isLoading,
   error,
@@ -103,7 +101,6 @@ export const Dialog = ({
 }: DialogProps) => {
   return (
     <MuiDialog
-      open={open}
       onClose={onClose}
       fullWidth
       maxWidth="sm"
@@ -220,18 +217,18 @@ export const ConfirmationDialog = styled(
   ({
     title,
     content,
-    open,
     onConfirm,
     onClose,
     confirmText = "Yes",
     cancelText = "No",
-    isConfirmDisabled = false
+    isConfirmDisabled = false,
+    DialogProps
   }: ConfirmationDialogProps) => {
     return (
       <Dialog
         title={title}
         content={content}
-        open={open}
+        DialogProps={DialogProps}
         onClose={onClose}
         renderActions={() => (
           <ConfirmationDialogButtons
@@ -256,7 +253,7 @@ export const ConfirmDangerActionDialog = ({
   content,
   confirmText,
   valueToCheck,
-  open,
+  DialogProps,
   onClose,
   onConfirm,
   isLoading,
@@ -280,6 +277,7 @@ export const ConfirmDangerActionDialog = ({
       confirmText={confirmText}
       cancelText="Cancel"
       onClose={handleClose}
+      DialogProps={DialogProps}
       content={
         <Grid
           container