made curve underline straight and added return back to home link

src/assets/images/shape/forgot-pwd-line.svg

@@ -0,0 +1,10 @@
+<svg width="377" height="31" viewBox="0 0 377 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0,2 377,2" stroke="url(#paint0_linear_4_1797)" stroke-width="4" stroke-linecap="round"/>
+<defs>
+<linearGradient id="paint0_linear_4_1797" x1="1" y1="1" x2="11.0515" y2="59.9411" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F539F8"/>
+<stop offset="0.416763" stop-color="#C342F9"/>
+<stop offset="1" stop-color="#5356FB"/>
+</linearGradient>
+</defs>
+</svg>

src/components/AuthPages/ForgotPassword/index.jsx

@@ -1,5 +1,7 @@
 import React from "react";
-import titleShape from "../../../assets/images/shape/title-shape-two.svg";
+import {Link} from 'react-router-dom'
+// import titleShape from "../../../assets/images/shape/title-shape-two.svg";
+import titleShape from "../../../assets/images/shape/forgot-pwd-line.svg";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout";
 
@@ -37,6 +39,9 @@ export default function ForgotPassword() {
                   Send Code
                 </a>
               </div>
+              <div className="text-center text-gray-500 font-bold text-xl mt-16">
+                <Link to='/'>Back to Home</Link>
+              </div>
             </div>
           </div>
         </div>

src/components/AuthPages/Login/index.jsx

@@ -9,10 +9,6 @@ import AuthLayout from "../AuthLayout";
 export default function Login() {
   const [checked, setValue] = useState(false);
   const [loginLoading, setLoginLoading] = useState(false);
-
-  //logIn error state
-  const [loginError, setLoginError] = useState(false);
-
   const rememberMe = () => {
     setValue(!checked);
   };
@@ -22,13 +18,11 @@ export default function Login() {
   const handleEmail = (e) => {
     setMail(e.target.value);
   };
-
   // password
   const [password, setPassword] = useState("123456");
   const handlePassword = (e) => {
     setPassword(e.target.value);
   };
-
   const navigate = useNavigate();
   const doLogin = () => {
     if (email !== "" && password !== "") {
@@ -41,7 +35,7 @@ export default function Login() {
           setLoginLoading(false);
         }, 2000);
       } else {
-        setLoginError(true)
+        toast.error("Invalid Credential");
       }
     }
   };
@@ -122,8 +116,9 @@ export default function Login() {
                   <button
                     onClick={doLogin}
                     type="button"
-                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${loginLoading ? "active" : ""
-                      }`}
+                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${
+                      loginLoading ? "active" : ""
+                    }`}
                   >
                     {loginLoading ? (
                       <div className="signup btn-loader"></div>
@@ -132,7 +127,6 @@ export default function Login() {
                     )}
                   </button>
                 </div>
-                {loginError && <p className="text-center text-red-700 pb-4">Invalid Credential</p>}
                 <a
                   href="#"
                   className="w-full border border-light-purple dark:border-[#5356fb29]  rounded-[50px] h-[58px] flex justify-center bg-[#FAFAFA] dark:bg-[#11131F]  items-center"
@@ -145,7 +139,7 @@ export default function Login() {
               </div>
               <div className="signup-area flex justify-center">
                 <p className="sm:text-lg text-sm text-thin-light-gray font-normal">
-                  Don’t have an account ?
+                  Dont’t have an aceount ?
                   <a href="/signup" className="ml-2   text-dark-gray dark:text-white">
                     Sign up free
                   </a>