Remove unused useEffect hook and disable button after copying

src/FetchData.jsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import axios from 'axios';
 import Papa from 'papaparse';
 import { saveAs } from 'file-saver';
@@ -64,10 +64,6 @@ function FetchData() {
   const [fileChanged, setFileChanged] = useState(true);
   const [copied, setCopied] = useState(null);
 
-  useEffect(() => {
-    console.log(missingIds);
-  }, [missingIds]);
-
   const handleFileUpload = (event) => {
     const file = event.target.files[0];
     setFile(file);
@@ -391,7 +387,8 @@ function FetchData() {
                   navigator.clipboard.writeText(missingIdsText);
                   setCopied(true);
                 }}
-                className='my-4 p-2 bg-yellow rounded-md relative'>
+                className='my-4 p-2 bg-yellow rounded-md relative'
+                disabled={copied}>
                 {copied ? 'Copied!' : 'Copy Missing IDs'}
               </button>
             </>