fix: add clipboard fallback for navigator.clipboard unavailable contexts (closes #696) (#699)

src/app/(dashboard)/dashboard/translator/page.js

@@ -2,6 +2,7 @@
 
 import { useState } from "react";
 import { Card, Button } from "@/shared/components";
+import { useCopyToClipboard } from "@/shared/hooks/useCopyToClipboard";
 import dynamic from "next/dynamic";
 
 const Editor = dynamic(() => import("@monaco-editor/react"), { ssr: false });
@@ -187,9 +188,11 @@ export default function TranslatorPage() {
     }
   };
 
+  const { copy } = useCopyToClipboard();
+
   const handleCopy = async (id) => {
     if (!contents[id]) return;
-    await navigator.clipboard.writeText(contents[id]);
+    copy(contents[id], `translator-step-${id}`);
   };
 
   const handleFormat = (id) => {