chore: replace lang icon (#2281)

apps/web/src/components/affine/pinboard/pinboard-menu/index.tsx

@@ -92,7 +92,7 @@ export const PinboardMenu = ({
         <Input
           value={query}
           onChange={setQuery}
-          placeholder={t['Move page to...']()}
+          placeholder={t['Move page to']()}
           height={32}
           noBorder={true}
           onClick={e => e.stopPropagation()}

apps/web/src/components/blocksuite/workspace-header/header-right-items/language-menu.tsx

@@ -1,7 +1,7 @@
 import { Button, displayFlex, Menu, MenuItem, styled } from '@affine/component';
 import { LOCALES } from '@affine/i18n';
 import { useI18N } from '@affine/i18n';
-import { ArrowDownSmallIcon, PublishIcon } from '@blocksuite/icons';
+import { ArrowDownSmallIcon, LanguageIcon } from '@blocksuite/icons';
 import type { FC, ReactElement } from 'react';
 import { useCallback } from 'react';
 
@@ -39,7 +39,7 @@ export const LanguageMenu: React.FC = () => {
   return (
     <StyledContainer>
       <StyledIconContainer>
-        <PublishIcon />
+        <LanguageIcon />
       </StyledIconContainer>
       <StyledButtonContainer>
         <Menu

apps/web/src/components/blocksuite/workspace-header/header-right-items/theme-mode-switch/index.tsx

@@ -1,3 +1,4 @@
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { DarkModeIcon, LightModeIcon } from '@blocksuite/icons';
 import { useTheme } from 'next-themes';
 
@@ -12,6 +13,7 @@ import {
 
 export const MenuThemeModeSwitch = () => {
   const { setTheme, resolvedTheme, theme } = useTheme();
+  const t = useAFFiNEI18N();
   return (
     <StyledThemeModeContainer>
       <StyledThemeModeSwitch data-testid="change-theme-container" inMenu={true}>
@@ -30,7 +32,7 @@ export const MenuThemeModeSwitch = () => {
             setTheme('light');
           }}
         >
-          light
+          {t['light']()}
         </StyledThemeButton>
         <StyledVerticalDivider />
         <StyledThemeButton
@@ -40,7 +42,7 @@ export const MenuThemeModeSwitch = () => {
             setTheme('dark');
           }}
         >
-          dark
+          {t['dark']()}
         </StyledThemeButton>
         <StyledVerticalDivider />
         <StyledThemeButton
@@ -49,7 +51,7 @@ export const MenuThemeModeSwitch = () => {
             setTheme('system');
           }}
         >
-          system
+          {t['system']()}
         </StyledThemeButton>
       </StyledThemeButtonContainer>
     </StyledThemeModeContainer>