fix: user info not be revived after refresh (#1157)

apps/web/src/components/workspace-avatar/Avatar.tsx

@@ -30,6 +30,7 @@ export const WorkspaceAvatar = (props: IWorkspaceAvatar) => {
               style={{ width: sizeStr, height: sizeStr }}
               src={props.avatar}
               alt=""
+              referrerPolicy="no-referrer"
             />
           </picture>
         </div>

apps/web/src/components/workspace-setting/ExportPage.tsx

@@ -4,7 +4,6 @@ import { WorkspaceUnit } from '@affine/datacenter';
 import { useTranslation } from '@affine/i18n';
 export const ExportPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
   const { t } = useTranslation();
-  console.log(workspace);
   return (
     <>
       <Wrapper marginBottom="42px"> {t('Export Description')}</Wrapper>

apps/web/src/components/workspace-setting/style.ts

@@ -4,7 +4,7 @@ export const StyledSettingContainer = styled('div')(() => {
   return {
     display: 'flex',
     flexDirection: 'column',
-    padding: '48px 0 20px 48px',
+    padding: '48px 0 0 48px',
     height: 'calc(100vh - 60px)',
   };
 });

packages/store/src/app/datacenter/index.tsx

@@ -144,6 +144,17 @@ export function useDataCenterPublicWorkspace(workspaceId: string | null) {
 
 export function DataCenterPreloader({ children }: React.PropsWithChildren) {
   const api = useGlobalStateApi();
+
+  // init user info from datacenter
+  useEffect(() => {
+    dataCenterPromise.then(async dataCenter => {
+      const user = await dataCenter.getUserInfo();
+      if (!api.getState().user) {
+        api.setState({ user });
+      }
+    });
+  }, []);
+
   //# region effect for updating workspace page list
   useEffect(() => {
     return api.subscribe(