Fixed: Copy to clipboard in non-secure contexts

(cherry picked from commit 3828e475cc8860e74cdfd8a70b4f886de7f9c5c3)

Closes #10525

frontend/src/Components/Link/ClipboardButton.tsx

@@ -1,3 +1,4 @@
+import copy from 'copy-to-clipboard';
 import React, { useCallback, useEffect, useState } from 'react';
 import FormInputButton from 'Components/Form/FormInputButton';
 import Icon from 'Components/Icon';
@@ -37,10 +38,16 @@ export default function ClipboardButton({
 
   const handleClick = useCallback(async () => {
     try {
-      await navigator.clipboard.writeText(value);
+      if ('clipboard' in navigator) {
+        await navigator.clipboard.writeText(value);
+      } else {
+        copy(value);
+      }
+
       setState('success');
-    } catch (_) {
+    } catch (e) {
       setState('error');
+      console.error(`Failed to copy to clipboard`, e);
     }
   }, [value]);