fix: improve copy toast rendering and timeout handling (#213)

Co-authored-by: Dhrupad <24155325@kiit.ac.in>

Author: Dhrupad-05

apps/web/src/routes/u/[username]/+page.svelte

@@ -17,7 +17,7 @@
   let mounted = $state(false);
   let copyMessage = $state('');
   let copyStatus = $state<'success' | 'error'>('success');
-  let copyMessageTimeout: ReturnType<typeof setTimeout> | undefined;
+  let copyMessageTimeout: ReturnType<typeof setTimeout>;
 
   onMount(() => {
     mounted = true;
@@ -37,7 +37,9 @@
       clearTimeout(copyMessageTimeout);
     }
 
-    copyMessageTimeout = setTimeout(() => {
+    clearTimeout(copyTimeout);
+
+    copyTimeout = setTimeout(() => {
       copyMessage = '';
     }, 3000);
   }
@@ -139,9 +141,11 @@
           Copy Link
         </button>
       </div>
-      <p class="copy-message {copyStatus}" aria-live="polite">
-        {copyMessage}
-      </p>
+      {#if copyMessage}
+        <p class="copy-message {copyStatus}" aria-live="polite">
+          {copyMessage}
+        </p>
+      {/if}
     </div>
   {/if}
 </main>