done changes

Author: HarshMN2345

src/lib/components/id.svelte

@@ -29,8 +29,8 @@
         }
     }
 
-    export function truncateText(node: HTMLElement, text?: string) {
-        let originalText = text ?? node.textContent;
+    export function truncateText(node: HTMLElement) {
+        let originalText = node.textContent;
 
         function checkOverflow() {
             node.textContent = originalText;
@@ -70,8 +70,8 @@
         window.addEventListener('resize', debouncedCheck);
 
         return {
-            update(newText?: string) {
-                originalText = newText ?? node.textContent;
+            update() {
+                originalText = node.textContent;
                 addToBatch(checkOverflow);
             },
             destroy() {

src/lib/components/regionEndpoint.svelte

@@ -21,32 +21,13 @@
 </script>
 
 {#if region}
-    <Copy value={getProjectEndpoint()} copyText={`Copy endpoint (${region?.name})`}>
+    <Copy value={getProjectEndpoint()} copyText={`Copy endpoint (${region.name})`}>
         <Tag size="xs" variant="code">
-            <Layout.Stack direction="row" gap="s" alignItems="center" inline>
-                <Icon icon={IconDuplicate} size="s" slot="start" />
-                <span class="endpoint-label">API endpoint</span>
-
-                {#if flagSrc}
-                    <img
-                        width={16}
-                        height={12}
-                        src={flagSrc}
-                        alt={region?.name}
-                        class="region-flag"
-                        style:border-radius="2.5px" />
-                {/if}
-
-                <span
-                    style:white-space="nowrap"
-                    class="text u-line-height-1-5"
-                    style:overflow="hidden"
-                    style:word-break="break-all"
-                    use:truncateText={region?.name}
-                    style:font-family="unset">
-                    {region?.name}
-                </span>
-            </Layout.Stack>
+            <Icon icon={IconDuplicate} size="s" slot="start" />
+            <span class="endpoint-label"> API endpoint </span>
+            {#if flagSrc}
+                <img class="region-flag" src={flagSrc} alt={region?.name} />
+            {/if}
         </Tag>
     </Copy>
 {/if}