timer im not sure it works while downloading

src/lib/RepoStats.svelte

···
     let collections = $state(new Array<CountedCollection>());
     let collectionsOrdered: Array<CountedCollection> = $derived([...collections].sort((a, b) => b.count - a.count))
     let totalRecords = $state(0)
+    let startTime = $state<number | null>(null)
+    let endTime = $state<number | null>(null)
+    let elapsedTime = $derived.by(() => {
+        if (!startTime) return "0.00"
+        const end = endTime ?? Date.now()
+        return ((end - startTime) / 1000).toFixed(2)
+    })
 
     const getRepoStats = async () => {
         const endPoint = `${pdsUrl}/xrpc/com.atproto.sync.getRepo?did=${did}`
 
+        startTime = Date.now()
+        endTime = null
         try {
             const response = await fetch(endPoint)
             if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`)
···
             await car.dispose()
           }
 
+            endTime = Date.now()
             loading = false;
         } catch (err) {
+            endTime = Date.now()
             console.error('Error fetching repo stats:', err)
             error = err.message
             loading = false
···
         <p style="color: red">{error}</p>
     {/if}
     {#if loading}
-        Loading... ({downloadedMB} MB downloaded)
+        Loading... ({downloadedMB} MB downloaded, {elapsedTime}s)
     {:else}
-        <span>Repo size {downloadedMB} MB</span>
+        <span>Repo size {downloadedMB} MB (fetched in {elapsedTime}s)</span>
     {/if}
     {#if collectionsOrdered.length > 0}