refactor(core): standardize frontend error handling (#10667)

packages/frontend/component/package.json

@@ -22,6 +22,7 @@
   "dependencies": {
     "@affine/debug": "workspace:*",
     "@affine/electron-api": "workspace:*",
+    "@affine/error": "workspace:*",
     "@affine/graphql": "workspace:*",
     "@affine/i18n": "workspace:*",
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",

packages/frontend/component/src/components/member-components/join-failed-page.tsx

@@ -1,9 +1,6 @@
 import { AuthPageContainer } from '@affine/component/auth-components';
-import {
-  ErrorNames,
-  type GetInviteInfoQuery,
-  UserFriendlyError,
-} from '@affine/graphql';
+import { UserFriendlyError } from '@affine/error';
+import { ErrorNames, type GetInviteInfoQuery } from '@affine/graphql';
 import { Trans, useI18n } from '@affine/i18n';
 
 import { Avatar } from '../../ui/avatar';
@@ -16,7 +13,7 @@ export const JoinFailedPage = ({
   inviteInfo: GetInviteInfoQuery['getInviteInfo'];
   error?: any;
 }) => {
-  const userFriendlyError = UserFriendlyError.fromAnyError(error);
+  const userFriendlyError = UserFriendlyError.fromAny(error);
   const t = useI18n();
   return (
     <AuthPageContainer

packages/frontend/component/tsconfig.json

@@ -14,6 +14,7 @@
   "references": [
     { "path": "../../common/debug" },
     { "path": "../electron-api" },
+    { "path": "../../common/error" },
     { "path": "../graphql" },
     { "path": "../i18n" },
     { "path": "../../../tools/utils" },