Added proper blurred background for modals

src/utils/BlurredModal.scss

@@ -0,0 +1,11 @@
+@import './base';
+
+@media (min-width: $smMin) {
+  #root {
+    transition: filter 300ms;
+  }
+
+  .with-modal #root {
+    filter: blur(1.5px);
+  }
+}

src/utils/BlurredModal.tsx

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ModalProps, Modal } from 'reactstrap'; // eslint-disable-line import/named
+import './BlurredModal.scss';
+
+const onEnter = () => document.body.classList.add('with-modal');
+const onExit = () => document.body.classList.remove('with-modal');
+
+export const BlurredModal: FC<ModalProps> = ({ children, ...rest }) => (
+  <Modal {...rest} modalTransition={{ onEnter, onExit }}>
+    {children}
+  </Modal>
+);