Use `numberToHumanSize` for memory unit conversion

ee/app/assets/javascripts/geo_nodes/components/geo_node_details.vue

@@ -2,7 +2,7 @@
   /* eslint-disable vue/no-side-effects-in-computed-properties */
   import { s__, __ } from '~/locale';
   import { parseSeconds, stringifyTime } from '~/lib/utils/pretty_time';
-  import { bytesToMiB } from '~/lib/utils/number_utils';
+  import { numberToHumanSize } from '~/lib/utils/number_utils';
   import icon from '~/vue_shared/components/icon.vue';
 
   import { VALUE_TYPE, CUSTOM_TYPE } from '../constants';
@@ -100,7 +100,7 @@
         return `${this.nodeDetails.version} (${this.nodeDetails.revision})`;
       },
       replicationSlotWAL() {
-        return `${bytesToMiB(this.nodeDetails.replicationSlotWAL)} MB`;
+        return numberToHumanSize(this.nodeDetails.replicationSlotWAL);
       },
       dbReplicationLag() {
         // Replication lag can be nil if the secondary isn't actually streaming

spec/javascripts/geo_nodes/components/geo_node_details_spec.js

@@ -85,7 +85,7 @@ describe('GeoNodeDetailsComponent', () => {
 
     describe('replicationSlotWAL', () => {
       it('returns replication slot WAL in Megabytes', () => {
-        expect(vm.replicationSlotWAL).toBe('0 MB');
+        expect(vm.replicationSlotWAL).toBe('479.37 MiB');
       });
     });