Squash all commit from feat/cloud-sync

packages/app/src/components/header/header.tsx

@@ -11,7 +11,7 @@ import { getWarningMessage, shouldShowWarning } from './utils';
 import EditorOptionMenu from './header-right-items/editor-option-menu';
 import TrashButtonGroup from './header-right-items/trash-button-group';
 import ThemeModeSwitch from './header-right-items/theme-mode-switch';
-// import SyncUser from './header-right-items/sync-user';
+import SyncUser from './header-right-items/sync-user';
 
 const BrowserWarning = ({
   show,
@@ -40,7 +40,7 @@ const HeaderRightItems: Record<HeaderRightItemNames, ReactNode> = {
   editorOptionMenu: <EditorOptionMenu key="editorOptionMenu" />,
   trashButtonGroup: <TrashButtonGroup key="trashButtonGroup" />,
   themeModeSwitch: <ThemeModeSwitch key="themeModeSwitch" />,
-  syncUser: null,
+  syncUser: <SyncUser key="syncUser" />,
 };
 
 export const Header = ({

packages/app/src/components/workspace-slider-bar/index.tsx

@@ -4,7 +4,7 @@ import {
   StyledArrowButton,
   StyledLink,
   StyledListItem,
-  // StyledListItemForWorkspace,
+  StyledListItemForWorkspace,
   StyledNewPageButton,
   StyledQuickSearch,
   StyledSliderBar,
@@ -12,6 +12,7 @@ import {
   StyledSubListItem,
 } from './style';
 import { Arrow } from './icons';
+import { WorkspaceSelector } from './WorkspaceSelector';
 import Collapse from '@mui/material/Collapse';
 import {
   ArrowDownIcon,
@@ -28,7 +29,6 @@ import { useModal } from '@/providers/global-modal-provider';
 import { useAppState } from '@/providers/app-state-provider/context';
 
 import { IconButton } from '@/ui/button';
-// import { WorkspaceSelector } from './WorkspaceSelector';
 import useLocalStorage from '@/hooks/use-local-storage';
 import usePageMetaList from '@/hooks/use-page-meta-list';
 import { usePageHelper } from '@/hooks/use-page-helper';
@@ -114,9 +114,9 @@ export const WorkSpaceSliderBar = () => {
         </Tooltip>
 
         <StyledSliderBarWrapper data-testid="sliderBar">
-          {/* <StyledListItemForWorkspace>
+          <StyledListItemForWorkspace>
             <WorkspaceSelector />
-          </StyledListItemForWorkspace> */}
+          </StyledListItemForWorkspace>
           <StyledQuickSearch
             data-testid="sliderBar-quickSearchButton"
             style={{ cursor: 'pointer' }}