feat: move theme switch and language switch to editor option menu (#2025)

Co-authored-by: himself65 <himself65@outlook.com>

apps/web/src/components/pure/workspace-list-modal/index.tsx

@@ -15,7 +15,6 @@ import { useCallback } from 'react';
 
 import type { AllWorkspace } from '../../../shared';
 import { Footer } from '../footer';
-import { LanguageMenu } from './language-menu';
 import {
   StyledCreateWorkspaceCard,
   StyledHelperContainer,
@@ -24,7 +23,6 @@ import {
   StyledModalHeaderLeft,
   StyledModalTitle,
   StyledOperationWrapper,
-  StyledSplitLine,
   StyleWorkspaceAdd,
   StyleWorkspaceInfo,
   StyleWorkspaceTitle,
@@ -86,8 +84,6 @@ export const WorkspaceListModal = ({
           </StyledModalHeaderLeft>
 
           <StyledOperationWrapper>
-            <LanguageMenu />
-            <StyledSplitLine />
             <ModalCloseButton
               data-testid="close-workspace-modal"
               onClick={() => {

apps/web/src/components/pure/workspace-list-modal/language-menu.tsx

@@ -1,64 +0,0 @@
-import { Button, Menu, MenuItem, styled } from '@affine/component';
-import { LOCALES } from '@affine/i18n';
-import { useTranslation } from '@affine/i18n';
-import { ArrowDownSmallIcon } from '@blocksuite/icons';
-import type { FC, ReactElement } from 'react';
-import { useCallback } from 'react';
-
-const LanguageMenuContent: FC = () => {
-  const { i18n } = useTranslation();
-  const changeLanguage = useCallback(
-    (event: string) => {
-      i18n.changeLanguage(event);
-    },
-    [i18n]
-  );
-  return (
-    <>
-      {LOCALES.map(option => {
-        return (
-          <ListItem
-            key={option.name}
-            title={option.name}
-            onClick={() => {
-              changeLanguage(option.tag);
-            }}
-          >
-            {option.originalName}
-          </ListItem>
-        );
-      })}
-    </>
-  );
-};
-export const LanguageMenu: React.FC = () => {
-  const { i18n } = useTranslation();
-
-  const currentLanguage = LOCALES.find(item => item.tag === i18n.language);
-
-  return (
-    <Menu
-      content={(<LanguageMenuContent />) as ReactElement}
-      placement="bottom"
-      trigger="click"
-      disablePortal={true}
-    >
-      <Button
-        icon={<ArrowDownSmallIcon />}
-        iconPosition="end"
-        noBorder={true}
-        style={{ textTransform: 'capitalize', padding: '0 12px' }}
-        data-testid="language-menu-button"
-      >
-        {currentLanguage?.originalName}
-      </Button>
-    </Menu>
-  );
-};
-
-const ListItem = styled(MenuItem)(() => ({
-  height: '38px',
-  fontSize: 'var(--affine-font-base)',
-  textTransform: 'capitalize',
-  padding: '0 24px',
-}));