fix the whitespace fix

ui/src/components/utils/Ellipsis.svelte

@@ -1,19 +1,13 @@
 <script lang="ts">
+  import { tick } from "svelte";
+
   export let value: string;
   let root: HTMLDivElement;
 
-  $: valueStart = value.substring(0, value.length - 7);
-  $: valueEnd = value.substring(value.length - 7, value.length);
-  
-  // If the break happens to be on a space, it gets collapsed; `white-space` CSS
-  // property doesn't help, and replacing the spaces in the strings gets escaped
-  // by Svelte; hence, direct manipulation of the DOM.
-  $: {
-    value;
-    Array.from(root?.children || []).forEach(
-      (el) => (el.innerHTML = el.innerHTML.replace(" ", "&nbsp;"))
-    );
-  }
+  $: valueStart = value.substring(0, value.length - 7).replace(" ", "\xa0");
+  $: valueEnd = value
+    .substring(value.length - 7, value.length)
+    .replace(" ", "\xa0");
 </script>
 
 <div class="ellipsis" bind:this={root}>