fix(core): handle invitation failure (#11195)

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

@@ -25,13 +25,14 @@ export const JoinFailedPage = ({
               i18nKey={'com.affine.fail-to-join-workspace.description-1'}
               components={{
                 1: (
-                  <Avatar
-                    url={`data:image/png;base64,${inviteInfo.workspace.avatar}`}
-                    name={inviteInfo.workspace.name}
-                    size={20}
-                    style={{ marginLeft: 4 }}
-                    colorfulFallback
-                  />
+                  <div className={styles.avatarWrapper}>
+                    <Avatar
+                      url={`data:image/png;base64,${inviteInfo.workspace.avatar}`}
+                      name={inviteInfo.workspace.name}
+                      size={20}
+                      colorfulFallback
+                    />
+                  </div>
                 ),
                 2: <span className={styles.inviteName} />,
               }}
@@ -42,7 +43,11 @@ export const JoinFailedPage = ({
             <div>{t['com.affine.fail-to-join-workspace.description-2']()}</div>
           </div>
         ) : (
-          <div>{t['error.' + userFriendlyError.name]()}</div>
+          <div>
+            {t['error.' + userFriendlyError.name]()}
+            <br />
+            {userFriendlyError.message}
+          </div>
         )
       }
     />