Fix the humanReadableText function to support number between 0 and 1

PiperOrigin-RevId: 570825705

frontend/app/common/utils/utils.ts

@@ -111,9 +111,11 @@ export function humanReadableText(
   const units = si ? ['', 'K', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y'] :
                      ['', 'Ki', 'Mi', 'Gi', 'Ti', 'Pi', 'Ei', 'Zi', 'Yi'];
   const i = num === 0 ? 0 : Math.floor(Math.log(num) / Math.log(base));
-  return (Number(num / Math.pow(base, i)).toFixed(dp) + ' ' + units[i] +
-          suffix) ||
-      '';
+  // Handle the case if num < 1 (e.g. 0.000123)
+  // we should return 1.23e-4 for better readability.
+  const n = 0 < num && num < 1 ? num.toExponential(dp) :
+                                 Number(num / Math.pow(base, i)).toFixed(dp);
+  return (n + ' ' + units[Math.max(0, i)] + suffix) || '';
 }
 
 /**