Add "Num of Topics" to Topic/Consumer tab (#2607)

Co-authored-by: winniechiu <winniechiu@cht.com.tw>

kafka-ui-react-app/src/components/Topics/Topic/ConsumerGroups/TopicConsumerGroups.tsx

@@ -22,6 +22,7 @@ const TopicConsumerGroups: React.FC = () => {
         <tr>
           <TableHeaderCell title="Consumer Group ID" />
           <TableHeaderCell title="Num Of Members" />
+          <TableHeaderCell title="Num Of Topics" />
           <TableHeaderCell title="Messages Behind" />
           <TableHeaderCell title="Coordinator" />
           <TableHeaderCell title="State" />
@@ -40,6 +41,7 @@ const TopicConsumerGroups: React.FC = () => {
               </Link>
             </TableKeyLink>
             <td>{consumer.members}</td>
+            <td>{consumer.topics}</td>
             <td>{consumer.messagesBehind}</td>
             <td>{consumer.coordinator?.id}</td>
             <td>