added the resend contact email & fixed lint

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

@/components/ui/alert.js

@@ -1,10 +1,5 @@
-import * as React from "react"
-export function Alert({
-  children,
-  className,
-  variant,
-  ...props
-}) {
+import * as React from "react";
+export function Alert({ children, className, variant, ...props }) {
   return (
     <div
       className={`${className} rounded-lg border p-4 ${
@@ -45,4 +40,4 @@ export function AlertDescription({ children, className, ...props }) {
   );
 }
 
-AlertDescription.displayName = "AlertDescription";  
+AlertDescription.displayName = "AlertDescription";

app/action/sendContactEmail.js

@@ -0,0 +1,26 @@
+"use server";
+import { resend } from "../../lib/resend";
+import ContactEmailTemplate from "../../components/Contatct/Contatc-email-format";
+
+export async function sendContactEmail(username, fromEmail, message, subject) {
+  try {
+    const res = await resend.emails.send({
+      from: "Acme <[email protected]>",
+      to: "[email protected]",
+      subject: subject,
+      html: ContactEmailTemplate({ username, message, fromEmail }),
+    });
+    console.log(res);
+    if (!res.data) throw new Error(res.error.name);
+
+    return {
+      status: 200,
+      message: "Sent successfully",
+    };
+  } catch (error) {
+    return {
+      status: 400,
+      message: error.message,
+    };
+  }
+}