feat: add message center (#1486)

apps/web/src/components/pure/message-center/index.tsx

@@ -0,0 +1,30 @@
+import { toast } from '@affine/component';
+import { MessageCode } from '@affine/datacenter';
+import { messages } from '@affine/datacenter';
+import React, { useEffect } from 'react';
+
+declare global {
+  interface DocumentEventMap {
+    'affine-error': CustomEvent<{
+      code: MessageCode;
+    }>;
+  }
+}
+
+export const MessageCenter: React.FC = () => {
+  useEffect(() => {
+    const listener = (
+      event: CustomEvent<{
+        code: MessageCode;
+      }>
+    ) => {
+      toast(messages[event.detail.code].message);
+    };
+
+    document.addEventListener('affine-error', listener);
+    return () => {
+      document.removeEventListener('affine-error', listener);
+    };
+  }, []);
+  return null;
+};