pls use BytesFormatted here done
Add "Total size" of Partition within Topic's statistics


**Describe the bug**
Add "Total size" of Partition within Topic's statistics

**Set up**
https://www.kafka-ui.provectus.io/


**Steps to Reproduce**
<!-- We'd like you to provide an example setup (via docker-compose, helm, etc.) 
to reproduce the problem, especially with a complex setups. -->
Steps to reproduce the behavior:

1. Navigate to Topics
2. Open the Topic
3. Turn to Statistics tab
4. Open the Partition

**Expected behavior**
Total size should be displayed

**Screenshots**
<img width="1717" alt="total size" src="https://user-images.githubusercontent.com/104780608/188836260-3d02590b-23b2-4b89-b440-4d0c29e3e87e.png">





kafka-ui-react-app/src/components/Topics/Topic/Statistics/PartitionInfoRow.tsx
kafka-ui-react-app/src/components/Topics/Topic/Statistics/PartitionInfoRow.tsx
diff --git a/kafka-ui-react-app/src/components/Topics/Topic/Statistics/PartitionInfoRow.tsx b/kafka-ui-react-app/src/components/Topics/Topic/Statistics/PartitionInfoRow.tsx
index 546f3e619d6..698019f2c44 100644
--- a/kafka-ui-react-app/src/components/Topics/Topic/Statistics/PartitionInfoRow.tsx
+++ b/kafka-ui-react-app/src/components/Topics/Topic/Statistics/PartitionInfoRow.tsx
@@ -27,7 +27,6 @@ const PartitionInfoRow: React.FC<{ row: Row<TopicAnalysisStats> }> = ({
     keySize,
     valueSize,
   } = row.original;
-
   return (
     <S.PartitionInfo>
       <div>
@@ -35,6 +34,8 @@ const PartitionInfoRow: React.FC<{ row: Row<TopicAnalysisStats> }> = ({
         <List>
           <Label>Total message</Label>
           <span>{totalMsgs}</span>
+          <Label>Total size</Label>
+          <BytesFormatted value={(keySize?.sum || 0) + (valueSize?.sum || 0)} />
           <Label>Min. timestamp</Label>
           <span>{formatTimestamp(minTimestamp)}</span>
           <Label>Max. timestamp</Label>
