Update copy to clipboard buttons to be standardized

client/components/modals/rssfeed/OpenCloseModal.vue

@@ -10,9 +10,7 @@
         <p class="text-lg font-semibold mb-4">{{ $strings.HeaderRSSFeedIsOpen }}</p>
 
         <div class="w-full relative">
-          <ui-text-input :value="feedUrl" readonly />
-
-          <span class="material-symbols absolute right-2 bottom-2 p-0.5 text-base transition-transform duration-100 transform hover:scale-125 cursor-pointer" :class="copiedToClipboard ? 'text-success' : 'text-gray-300 hover:text-white'" @click="copyToClipboard(feedUrl)">{{ copiedToClipboard ? 'check' : 'content_copy' }}</span>
+          <ui-text-input :value="feedUrl" readonly show-copy />
         </div>
 
         <div v-if="currentFeed.meta" class="mt-5">
@@ -68,8 +66,7 @@ export default {
         preventIndexing: true,
         ownerName: '',
         ownerEmail: ''
-      },
-      copiedToClipboard: false
+      }
     }
   },
   watch: {
@@ -161,12 +158,6 @@ export default {
           this.processing = false
         })
     },
-    async copyToClipboard(str) {
-      this.copiedToClipboard = await this.$copyToClipboard(str)
-      setTimeout(() => {
-        this.copiedToClipboard = false
-      }, 2000)
-    },
     closeFeed() {
       this.processing = true
       this.$axios