fix: review ui update

ui/config-overrides.js

@@ -118,8 +118,8 @@ module.exports = {
           test: /[\/]node_modules[\/]/,
           priority: 2,
           minChunks: 2,
-          chunks: 'async', // 仅打包异步引用的依赖
-          reuseExistingChunk: true, // 重复使用已经存在的块
+          chunks: 'async', // only package dependencies that are referenced asynchronously
+          reuseExistingChunk: true, // reuse an existing block
         },
         nodesInitial: {
           name: 'chunk-nodesInitial',

ui/src/pages/Review/components/FlagContent/index.tsx

@@ -112,9 +112,13 @@ const Index: FC<IProps> = ({ refreshCount }) => {
         <Alert variant="info" className="border-0 rounded-0 mb-0">
           <Stack
             direction="horizontal"
-            gap={1}
+            gap={0.5}
             className="align-items-center mb-2">
-            <BaseUserCard data={submitter_user} avatarSize="24" />
+            <BaseUserCard
+              data={submitter_user}
+              avatarSize="24px"
+              avatarClass="me-2"
+            />
             {flagItemData?.submit_at && (
               <FormatTime
                 time={flagItemData.submit_at}
@@ -175,7 +179,11 @@ const Index: FC<IProps> = ({ refreshCount }) => {
               )}
             </div>
             <div className="d-flex align-items-center small">
-              <BaseUserCard data={author_user_info} avatarSize="24" />
+              <BaseUserCard
+                data={author_user_info}
+                avatarSize="24px"
+                avatarClass="me-2"
+              />
               <FormatTime
                 time={Number(flagItemData?.created_at)}
                 className="text-secondary ms-1 flex-shrink-0"

ui/src/pages/Review/components/QueuedContent/index.tsx

@@ -105,7 +105,7 @@ const Index: FC<IProps> = ({ refreshCount }) => {
             gap={1}
             className="align-items-center mb-2">
             <div className="small d-flex align-items-center">
-              <Icon type="bi" name="plugin" size="24px" className="me-1" />
+              <Icon type="bi" name="plugin" size="24px" className="me-2 lh-1" />
               <span>{flagItemData?.submitter_display_name}</span>
             </div>
             {flagItemData?.submit_at && (
@@ -164,7 +164,11 @@ const Index: FC<IProps> = ({ refreshCount }) => {
               )}
             </div>
             <div className="d-flex align-items-center small">
-              <BaseUserCard data={author_user_info} avatarSize="24" />
+              <BaseUserCard
+                data={author_user_info}
+                avatarSize="24"
+                avatarClass="me-2"
+              />
               <FormatTime
                 time={Number(flagItemData?.created_at)}
                 className="text-secondary ms-1 flex-shrink-0"