feat(web): Localize dates and numbers (#1056)

web/src/lib/components/shared-components/status-box.svelte

@@ -4,6 +4,7 @@
 	import Dns from 'svelte-material-icons/Dns.svelte';
 	import LoadingSpinner from './loading-spinner.svelte';
 	import { api, ServerInfoResponseDto } from '@api';
+	import { asByteUnitString } from '../../utils/byte-units';
 
 	let isServerOk = true;
 	let serverVersion = '';
@@ -61,7 +62,7 @@
 						style={`width: ${getStorageUsagePercentage()}%`}
 					/>
 				</div>
-				<p class="text-xs">{serverInfo?.diskUse} of {serverInfo?.diskSize} used</p>
+				<p class="text-xs">{asByteUnitString(serverInfo?.diskUseRaw)} of {asByteUnitString(serverInfo?.diskSizeRaw)} used</p>
 			{:else}
 				<div class="mt-2">
 					<LoadingSpinner />

web/src/lib/components/shared-components/upload-panel.svelte

@@ -6,7 +6,7 @@
 	import WindowMinimize from 'svelte-material-icons/WindowMinimize.svelte';
 	import type { UploadAsset } from '$lib/models/upload-asset';
 	import { notificationController, NotificationType } from './notification/notification';
-	import { getHumanReadableBytes } from '../../utils/byte-units';
+	import { getBytesWithUnit } from '../../utils/byte-units';
 
 	let showDetail = true;
 
@@ -115,7 +115,7 @@
 									<input
 										disabled
 										class="bg-gray-100 border w-full p-1 rounded-md text-[10px] px-2"
-										value={`[${getHumanReadableBytes(uploadAsset.file.size)}] ${
+										value={`[${getBytesWithUnit(uploadAsset.file.size)}] ${
 											uploadAsset.file.name
 										}`}
 									/>