refactor: 调整Avatar组件引用方式

client/packages/design/components/Avatar/combined.tsx

@@ -1,8 +1,8 @@
 import { Avatar, AvatarProps } from '.';
 import React from 'react';
 import _take from 'lodash/take';
-import './combined.css';
 import { px2rem } from './utils';
+import './combined.css';
 
 interface CombinedAvatarProps {
   shape?: 'circle' | 'square';

client/web/src/components/Avatar.tsx

@@ -1,6 +0,0 @@
-export {
-  /**
-   * @deprecated please import it from `tailchat-design`
-   */
-  Avatar,
-} from 'tailchat-design';

client/web/src/components/modals/CreateGroup.tsx

@@ -9,11 +9,11 @@ import {
   groupActions,
 } from 'tailchat-shared';
 import type { GroupPanel } from 'tailchat-shared';
-import { Avatar } from '../Avatar';
 import { closeModal, ModalWrapper } from '../Modal';
 import { Slides, SlidesRef } from '../Slides';
 import { useNavigate } from 'react-router';
 import { applyDefaultFallbackGroupPermission } from 'tailchat-shared';
+import { Avatar } from 'tailchat-design';
 
 const panelTemplate: {
   key: string;

client/web/src/components/modals/GroupDetail/Summary.tsx

@@ -1,4 +1,3 @@
-import { Avatar } from '@/components/Avatar';
 import { AvatarUploader } from '@/components/AvatarUploader';
 import { FullModalCommonTitle } from '@/components/FullModal/CommonTitle';
 import {
@@ -7,6 +6,7 @@ import {
 } from '@/components/FullModal/Field';
 import { NoData } from '@/components/NoData';
 import React from 'react';
+import { Avatar } from 'tailchat-design';
 import {
   modifyGroupField,
   showToasts,

client/web/src/routes/Main/Content/Personal/Friends/AddFriend.tsx

@@ -1,4 +1,3 @@
-import { Avatar } from '@/components/Avatar';
 import { Highlight } from '@/components/Highlight';
 import { Button, Divider, Empty, Typography } from 'antd';
 import {
@@ -14,6 +13,7 @@ import {
 } from 'tailchat-shared';
 import React, { useCallback, useState } from 'react';
 import _isNil from 'lodash/isNil';
+import { Avatar } from 'tailchat-design';
 
 const SearchFriendResult: React.FC<{
   result: UserBaseInfo | undefined | null;

client/web/src/routes/Main/Content/SidebarItem.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import { useLocation } from 'react-router';
 import { Link } from 'react-router-dom';
 import { Typography, Badge } from 'antd';
-import { Avatar } from '@/components/Avatar';
 import clsx from 'clsx';
+import { Avatar } from 'tailchat-design';
 
 interface SidebarItemProps {
   name: string;