Implement new styles

src/utility/formatBytes.ts

@@ -5,7 +5,7 @@ const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
  * Convert a number of bytes to a human-readable string
  * CREDIT: https://gist.github.com/zentala/1e6f72438796d74531803cc3833c039c
  */
-export default function formatBytes(bytes: number, decimals: number = 2) {
+export default function formatBytes(bytes: number, decimals: number = 1) {
     if (bytes === 0) {
         return '0 Bytes';
     }

src/utility/usePrevious.ts

@@ -0,0 +1,13 @@
+import { useRef, useEffect } from 'react';
+
+export default function usePrevious<T = unknown>(value: T) {
+    // The ref object is a generic container whose current property is mutable ...
+    // ... and can hold any value, similar to an instance property on a class
+    const ref = useRef<T>();
+    // Store current value in ref
+    useEffect(() => {
+        ref.current = value;
+    }, [value]); // Only re-run if value changes
+    // Return previous value (happens before update in useEffect above)
+    return ref.current;
+}