Fix race condition

web-wallet/src/routes/(welcome)/setup/restore/NetworkSyncProgress.svelte

@@ -11,29 +11,31 @@
   /** @type {boolean} */
   export let isValid = false;
 
-  // A race condition here – needs fixing
-  $: isValid = !sync.inProgress;
+  let syncStarted = false;
+  $: if (!syncStarted && sync.inProgress) {
+    syncStarted = true;
+  }
+
+  $: isValid = syncStarted && !sync.inProgress;
 
   onDestroy(() => {
     logout(false);
   });
 </script>
 
-<IconHeadingCard iconPath={mdiCubeOutline} heading="Please wait...">
-  {#if sync.inProgress}
-    {#if !sync.current || !sync.latest}
-      <span>Syncing</span>
-    {:else}
-      <span>
-        Syncing: <b
-          >{sync.current.toLocaleString()}/{sync.latest.toLocaleString()}</b
-        >
-      </span>
-      <ProgressBar
-        className="footer__sync-status-progress-bar"
-        currentPercentage={(sync.current / sync.latest) * 100}
-      />
-    {/if}
+<IconHeadingCard iconPath={mdiCubeOutline} heading="Network Sync">
+  {#if !syncStarted || (sync.inProgress && (!sync.current || !sync.latest))}
+    <span>Syncing...</span>
+  {:else if sync.inProgress}
+    <span>
+      Syncing: <b
+        >{sync.current.toLocaleString()}/{sync.latest.toLocaleString()}</b
+      >
+    </span>
+    <ProgressBar
+      className="footer__sync-status-progress-bar"
+      currentPercentage={(sync.current / sync.latest) * 100}
+    />
   {:else}
     <span>Sync completed!</span>
   {/if}