refactor: Usage of @std/fmt instead of manual size calculation (#1004)

Showcase of @std/fmt usage:


![image](https://github.com/user-attachments/assets/ee22ab56-8885-4c67-a222-678508789456)

Author: EGAMAGZ

frontend/deno.json

@@ -14,6 +14,7 @@
   },
   "imports": {
     "@preact-icons/tb": "jsr:@preact-icons/tb@^1.0.12",
+    "@std/fmt": "jsr:@std/fmt@^1.0.6",
     "fresh": "jsr:@fresh/core@^2.0.0-alpha.25",
     "@fresh/plugin-tailwind": "jsr:@fresh/plugin-tailwind@^0.0.1-alpha.7",
 

frontend/deno.lock

@@ -8,6 +8,7 @@ import { PackageHeader } from "./(_components)/PackageHeader.tsx";
 import { TbFolder, TbSourceCode } from "@preact-icons/tb";
 import { ListDisplay } from "../../components/List.tsx";
 import { scopeIAM } from "../../utils/iam.ts";
+import { format as formatBytes } from "@std/fmt/bytes";
 
 export default define.page<typeof handler>(function PackagePage(
   { data, params, state },
@@ -136,19 +137,12 @@ function DirEntry({ entry }: { entry: SourceDirEntry }) {
         </div>
       </div>
       <div class="text-sm text-jsr-gray-600">
-        {bytesToSize(entry.size)}
+        {formatBytes(entry.size, { maximumFractionDigits: 0 }).toUpperCase()}
       </div>
     </div>
   );
 }
 
-function bytesToSize(bytes: number) {
-  const sizes = ["B", "KB", "MB", "GB", "TB"];
-  if (bytes == 0) return "0 B";
-  const i = Math.floor(Math.log(bytes) / Math.log(1024));
-  return (bytes / Math.pow(1024, i)).toFixed(0) + " " + sizes[i];
-}
-
 const LINE_COL_REGEX = /(.*):(\d+):(\d+)$/;
 
 export const handler = define.handlers({