Fix copy feature in codeTrans (opea-project#2206)

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

Author: WenjiaoYue

CodeTrans/ui/svelte/src/routes/+page.svelte

@@ -83,12 +83,37 @@
   let deleteFlag: boolean = false;
   let inputClick: boolean = true;
 
-  function handelCopy() {
-    navigator.clipboard.writeText(output);
-    copyText = "copied!";
+  async function handelCopy() {
+    try {
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        await navigator.clipboard.writeText(output);
+        copyText = "copied!";
+      } else {
+        const textArea = document.createElement('textarea');
+        textArea.value = output;
+        textArea.style.position = 'fixed';
+        textArea.style.left = '-999999px';
+        textArea.style.top = '-999999px';
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+
+        if (document.execCommand('copy')) {
+          copyText = "copied!";
+        } else {
+          copyText = "copy failed";
+        }
+
+        document.body.removeChild(textArea);
+      }
+    } catch (err) {
+      console.error('Copy failed:', err);
+      copyText = "copy failed";
+    }
+
     setTimeout(() => {
       copyText = "copy";
-    }, 1000);
+    }, 2000);
   }
 
   function handelInputClick() {