added reset password and google auth

src/pages/ForgotPassword.jsx

@@ -1,9 +1,42 @@
+import { useState } from "react";
+import { Link } from "react-router-dom";
+import { getAuth,sendPasswordResetEmail } from "firebase/auth";
+import { toast } from "react-toastify";
+import {ReactComponent as ArrowRightIcon} from '../assets/svg/keyboardArrowRightIcon.svg'
 
 function ForgotPassword (){
+  const [email, setEmail] = useState('')
+  const onChange = e =>{setEmail(e.target.value)}
+  const onSubmit =async (e) =>{
+
+    e.preventDefault()
+    try{
+      const auth=getAuth()
+      await sendPasswordResetEmail(auth, email)
+      toast.success('Email was sent')
+    }
+    catch(error){
+      toast.error("Could not send reset email")
+    }
+  }
   return (
-    <>
-    <h1>My app</h1>
-    </>
+    <div className="pageContainer">
+      <header>
+        <p className="pageHeader">Forgot Password</p>
+
+      </header>
+      <main>
+        <form onSubmit={onSubmit}
+        >
+          <input type='email' className='emailInput'placeholder="Email" id='email' value={email} onChange={onChange} />
+          <Link className="forgotPasswordLink" to='/sign-in'>Sign In</Link>
+          <div className="signInBar">
+            <div className="signInText">Send Reset Link</div>
+            <button className="signInButton"><ArrowRightIcon fill='#ffffff' width='34px' height='34px'/></button>
+          </div>
+        </form>
+      </main>
+    </div>
   );
 }
 export default ForgotPassword