feat: Enhance LogsTable to render group information

- Added `renderGroup` function to improve the display of log data by rendering the 'group' information in the LogsTable component.
- Updated the rendering logic to utilize the new function, enhancing the UI's clarity and usability for grouped logs.

web/src/components/LogsTable.js

@@ -25,7 +25,7 @@ import {
 } from '@douyinfe/semi-ui';
 } from '@douyinfe/semi-ui';
 import { ITEMS_PER_PAGE } from '../constants';
 import { ITEMS_PER_PAGE } from '../constants';
 import {
 import {
-  renderAudioModelPrice,
+  renderAudioModelPrice, renderGroup,
   renderModelPrice, renderModelPriceSimple,
   renderModelPrice, renderModelPriceSimple,
   renderNumber,
   renderNumber,
   renderQuota,
   renderQuota,
@@ -228,10 +228,9 @@ const LogsTable = () => {
           }
           }
           if (other.group !== undefined) {
           if (other.group !== undefined) {
             return (
             return (
-              <Tag color='blue' size='large'>
-                {' '}
-                {other.group}{' '}
-              </Tag>
+              <>
+                {renderGroup(other.group)}
+              </>
             );
             );
           } else {
           } else {
             return <></>;
             return <></>;