Fix Conflicts with "Contact"

src/components/EmailContactForm.jsx

@@ -4,7 +4,7 @@ import React, { useRef } from "react";
 import emailjs from "@emailjs/browser";
 import styled from "styled-components";
 
-const Contact = () => {
+const ContactForm = () => {
   const form = useRef();
 
 
@@ -45,7 +45,7 @@ const Contact = () => {
   );
 };
 
-export default Contact;
+export default ContactForm;
 
 // Styles
 const StyledContactForm = styled.div`

src/pages/Contact.js

@@ -1,6 +1,6 @@
 // import required component
-import Contact from "./components/EmailContactForm"
+import ContactForm from "../components/EmailContactForm"
 
 export function Contact ( props ) {
-    return ( <h1>{props.greeting} </h1>)
+    <Contact />
 }