feat: refactor the usage of toast (#1699)

apps/web/src/utils/toast.ts

@@ -0,0 +1,12 @@
+import type { ToastOptions } from '@affine/component';
+import { toast as basicToast } from '@affine/component';
+
+export const toast = (message: string, options?: ToastOptions) => {
+  const mainContainer = document.querySelector(
+    '.main-container'
+  ) as HTMLElement;
+  return basicToast(message, {
+    portal: mainContainer || document.body,
+    ...options,
+  });
+};