fix: Update resource acquisition notation elements. (#2945)

resolves #2946

**Changes:**
- Improved decimal precision in percentage displays by adding `.toFixed(1)` to ensure consistent one decimal place
- Increased network traffic (TX/RX) decimal precision from 1 to 2 places for more accurate readings

**Impact:**
These changes provide more precise numerical representations in the Agent Detail Modal, particularly for percentage values and network traffic measurements, leading to better monitoring accuracy.

**How to test:**
1. Visit Resources page.
2. Click the info icon of any agent.

**Checklist:**
- [x] Mention to the original issue
- [ ] Documentation
- [x] Minium required manager version: 24.09
- [x] Specific setting for review
- [ ] Minimum requirements to check during review
- [ ] Test case(s) to demonstrate the difference of before/after

Author: agatha197

react/src/components/AgentDetailModal.tsx

@@ -1,4 +1,8 @@
-import { convertBinarySizeUnit, convertDecimalSizeUnit } from '../helper';
+import {
+  convertBinarySizeUnit,
+  convertDecimalSizeUnit,
+  toFixedFloorWithoutTrailingZeros,
+} from '../helper';
 import { useResourceSlotsDetails } from '../hooks/backendai';
 import BAIModal, { BAIModalProps } from './BAIModal';
 import BAIProgressWithLabel from './BAIProgressWithLabel';
@@ -78,7 +82,9 @@ const AgentDetailModal: React.FC<AgentDetailModalProps> = ({
                     </Typography.Text>
                     <BAIProgressWithLabel
                       percent={value?.pct}
-                      valueLabel={value?.pct + '%'}
+                      valueLabel={
+                        toFixedFloorWithoutTrailingZeros(value?.pct, 1) + '%'
+                      }
                     />
                   </Flex>
                 ))}
@@ -124,7 +130,7 @@ const AgentDetailModal: React.FC<AgentDetailModalProps> = ({
                       convertDecimalSizeUnit(
                         parsedLiveStat?.node?.net_tx?.current,
                         'm',
-                        1,
+                        2,
                       )?.numberUnit
                     }
                     B
@@ -137,7 +143,7 @@ const AgentDetailModal: React.FC<AgentDetailModalProps> = ({
                       convertDecimalSizeUnit(
                         parsedLiveStat?.node?.net_rx?.current,
                         'm',
-                        1,
+                        2,
                       )?.numberUnit
                     }
                     B
@@ -177,7 +183,12 @@ const AgentDetailModal: React.FC<AgentDetailModalProps> = ({
                           </Typography.Text>
                           <BAIProgressWithLabel
                             percent={_.toFinite((value?.[1] as LiveStat)?.pct)}
-                            valueLabel={(value?.[1] as LiveStat)?.pct + '%'}
+                            valueLabel={
+                              toFixedFloorWithoutTrailingZeros(
+                                (value?.[1] as LiveStat)?.pct,
+                                1,
+                              ) + '%'
+                            }
                           />
                         </Flex>
                       ),
@@ -211,7 +222,12 @@ const AgentDetailModal: React.FC<AgentDetailModalProps> = ({
                           </Typography.Text>
                           <BAIProgressWithLabel
                             percent={_.toFinite((value?.[1] as LiveStat)?.pct)}
-                            valueLabel={(value?.[1] as LiveStat)?.pct + '%'}
+                            valueLabel={
+                              toFixedFloorWithoutTrailingZeros(
+                                (value?.[1] as LiveStat)?.pct,
+                                1,
+                              ) + '%'
+                            }
                           />
                         </Flex>
                       ),