copying event code

our original method did not work with the site having https certifications.

src/pages/ConfirmCreated.jsx

@@ -17,15 +17,28 @@ export default function ConfirmCreated() {
   const [copySuccess, setCopySuccess] = useState(false);
 
   const handleCopy = () => {
-    navigator.clipboard
-      .writeText(eventCode)
-      .then(() => {
-        setCopySuccess(true);
-        setTimeout(() => setCopySuccess(false), 2000);
-      })
-      .catch((err) => {
-        console.error('Failed to copy text: ', err);
-      });
+    // navigator.clipboard
+    //   .writeText(eventCode)
+    //   .then(() => {
+    //     setCopySuccess(true);
+    //     setTimeout(() => setCopySuccess(false), 2000);
+    //   })
+    //   .catch((err) => {
+    //     console.error('Failed to copy text: ', err);
+    //   });
+
+    const textArea = document.createElement('textarea');
+    textArea.value = eventCode;
+    document.body.appendChild(textArea);
+    textArea.select();
+    try {
+      document.execCommand('copy');
+      setCopySuccess(true);
+      setTimeout(() => setCopySuccess(false), 2000);
+    } catch (err) {
+      console.error('Unable to copy to clipboard', err);
+    }
+    document.body.removeChild(textArea);
   };
 
   // Styling based on the current theme

src/pages/Dashboard.jsx

@@ -74,14 +74,26 @@ export default function Dashboard() {
   const [notification, setNotification] = useState('');
 
   const handleCopyLink = async (event) => {
+    const textArea = document.createElement('textarea');
+    textArea.value = event.code;
+    document.body.appendChild(textArea);
+    textArea.select();
     try {
-      navigator.clipboard.writeText(event.code).then(() => {
-        setNotification('Link copied to clipboard');
-        setTimeout(() => setNotification(''), 3000);
-      });
-    } catch (error) {
-      console.error('Error copying link:', error);
+      document.execCommand('copy');
+      setNotification('Link copied');
+    } catch (err) {
+      console.error('Unable to copy to clipboard', err);
     }
+    document.body.removeChild(textArea);
+
+    // try {
+    //   navigator.clipboard.writeText(event.code).then(() => {
+    //     setNotification('Link copied to clipboard');
+    //     setTimeout(() => setNotification(''), 3000);
+    //   });
+    // } catch (error) {
+    //   console.error('Error copying link:', error);
+    // }
   };
 
   const handleViewBookingLink = async (event) => {

src/pages/Login.jsx

@@ -195,7 +195,7 @@ export default function Login() {
         </div>
 
         {/*login form */}
-        <div className="w-full lg:w-1/2 flex flex-col items-center space-y-4 p-6">
+        <div className="w-full lg:w-1/2 h-[90vh] flex flex-col items-center space-y-4 p-6">
           {error.error && (
             <div
               className={`hidden lg:block absolute w-[35vw] h-8 mb-4 -mt-8 bg-[#FF5C5C] flex items-center justify-center ${isDarkMode ? 'text-white' : 'text-black'}`}