add copy button to custom fields that can use it

web/src/components/ui/CustomField.vue

@@ -13,8 +13,13 @@
     :rules="[...validationRules]"
     reactive-rules
     autogrow
-  />
 
+  >
+    <template v-slot:append>
+      <q-icon name="content_copy" class="cursor-pointer" @click="copyToClipboard(modelValue)">
+      </q-icon>
+    </template>
+    </q-input>
   <q-toggle
     v-else-if="field.type === 'checkbox'"
     ref="input"
@@ -85,6 +90,8 @@
 
 <script>
 import { truncateText } from "@/utils/format";
+import { copyToClipboard } from 'quasar'
+import { notifySuccess, notifyError } from "@/utils/notify";
 export default {
   name: "CustomField",
   props: ["field", "modelValue"],
@@ -107,6 +114,15 @@ export default {
         ? "q-mb-xl q-mt-xl"
         : "";
     },
+    copyToClipboard(modelValue) {
+      copyToClipboard(modelValue)
+        .then(() => {
+          notifySuccess("Copied to clipboard!");
+        })
+        .catch(() => {
+          notifyError("Unable to copy to clipboard!");
+        });
+    },
   },
   computed: {
     validationRules() {