Display global error if server is unreachable

web/components/modals/FatalErrorModal.tsx

@@ -0,0 +1,31 @@
+import { Modal } from 'antd';
+
+interface Props {
+  title: string;
+  message: string;
+}
+
+export default function FatalErrorStateModal(props: Props) {
+  const { title, message } = props;
+
+  return (
+    <Modal
+      title={title}
+      visible
+      footer={null}
+      closable={false}
+      keyboard={false}
+      width={900}
+      centered
+      className="modal"
+    >
+      <style global jsx>{`
+        .modal .ant-modal-content,
+        .modal .ant-modal-header {
+          background-color: var(--warning-color);
+        }
+      `}</style>
+      <p>{message}</p>
+    </Modal>
+  );
+}