fix(web): spacing for monitoring account tags and square larger avatar

web/src/components/accounts/MonitoringAccountList.tsx

@@ -130,8 +130,8 @@ export default function MonitoringAccountList() {
       title: '账号',
       dataIndex: 'nickname',
       render: (_, account) => (
-        <Flex align="center" gap={8}>
-          <Avatar src={account.avatar_url || undefined}>{(account.nickname || '账').slice(0, 1).toUpperCase()}</Avatar>
+        <Flex align="center" gap={12}>
+          <Avatar size={40} shape="square" src={account.avatar_url || undefined}>{(account.nickname || '账').slice(0, 1).toUpperCase()}</Avatar>
           <Typography.Link onClick={() => history.push(`/accounts/monitoring/${account.id}`)}>
             {account.nickname || '未命名账号'}
           </Typography.Link>
@@ -174,7 +174,7 @@ export default function MonitoringAccountList() {
     {
       title: '标签',
       dataIndex: 'tags',
-      render: (tags?: string[]) => tags?.length ? tags.map((tag) => <Tag key={tag}>{tag}</Tag>) : <Typography.Text type="secondary">未设置</Typography.Text>,
+      render: (tags?: string[]) => tags?.length ? <Flex wrap="wrap" gap={4}>{tags.map((tag) => <Tag key={tag}>{tag}</Tag>)}</Flex> : <Typography.Text type="secondary">未设置</Typography.Text>,
     },
     {
       title: '操作',