Add explicit ErrorBoundary to Modal displays (#8932)

packages/react-components/src/Modal/index.tsx

@@ -7,6 +7,7 @@ import styled, { createGlobalStyle } from 'styled-components';
 
 import { useTheme } from '@polkadot/react-hooks';
 
+import ErrorBoundary from '../ErrorBoundary';
 import Actions from './Actions';
 import Columns from './Columns';
 import Content from './Content';
@@ -55,7 +56,9 @@ function ModalBase ({ children, className = '', header, onClose, size = 'medium'
           header={header}
           onClose={onClose}
         />
-        {children}
+        <ErrorBoundary>
+          {children}
+        </ErrorBoundary>
       </div>
     </StyledDiv>,
     document.body