✨ fix: prevent multiple form submissions in Contact component

Dockerfile

@@ -19,9 +19,6 @@ COPY .env .env
 # Build the Next.js application
 RUN npm run build
 
-# Set environmental variable for production mode
-ENV NODE_ENV=production
-
 # Expose the port the app runs on
 EXPOSE 3000
 

app/components/Contact.tsx

@@ -40,19 +40,30 @@ export default function Contact() {
     // Convert FormData to a plain object
     const jsonData = JSON.stringify(data);
 
-    const response = await sendEmail(jsonData);
+    //prevent multiple submissions 
-    if (response.success) {
+    const submitButton = form.querySelector("button[type='submit']");
-      form.reset();
+    if (submitButton) {
-    }
+      submitButton.setAttribute("disabled", "true");
+      submitButton.textContent = "Sending...";
 
-    setBanner({
+      const response = await sendEmail(jsonData);
-      show: true,
+      if (response.success) {
-      message: response.message,
+        form.reset();
-      type: response.success ? "success" : "error",
+        submitButton.textContent = "Sent!";
-    });
+        setTimeout(() => {
-    setTimeout(() => {
+          submitButton.removeAttribute("disabled");
-      setBanner((prev) => ({ ...prev, show: false }));
+          submitButton.textContent = "Send";
-    }, 3000);
+        }, 2000);
+      }
+      setBanner({
+        show: true,
+        message: response.message,
+        type: response.success ? "success" : "error",
+      });
+      setTimeout(() => {
+        setBanner((prev) => ({ ...prev, show: false }));
+      }, 3000);
+    }
   }
   return (
     <section