Round confidence value before use (#516)

Author: microbit-robert

src/components/ActionCertaintyCard.tsx

@@ -47,7 +47,9 @@ const ActionCertaintyCard = ({
     [onThresholdChange]
   );
   const sliderValue = requiredConfidence * 100;
-  const currentConfidence = predictionResult?.confidences[actionId] ?? 0;
+  const currentConfidence = Math.round(
+    (predictionResult?.confidences[actionId] ?? 0) * 100
+  );
   return (
     <Card
       py={2}

src/components/PercentageDisplay.tsx

@@ -26,7 +26,7 @@ const PercentageDisplay = ({
         w="60px"
         aria-hidden={!!ariaLabel}
         {...rest}
-      >{`${Math.round(value * 100)}%`}</Text>
+      >{`${value}%`}</Text>
     </>
   );
 };

src/components/PercentageMeter.tsx

@@ -26,7 +26,7 @@ const PercentageMeter = ({
         // Use inline style attribute to avoid style tags being
         // constantly appended to the <head/> element.
         style={{
-          width: `${Math.round(value * 100)}%`,
+          width: `${value}%`,
         }}
         h={height}
         rounded="full"