added return home link and straight underline

src/assets/images/shape/title-shape-two.svg

@@ -1,5 +1,5 @@
 <svg width="379" height="31" viewBox="0 0 379 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 29.5C18.8333 21 68.4183 8.72179 121.5 18.5C178.5 29 365.5 43.5 378 1.5" stroke="url(#paint0_linear_7_3645)" stroke-width="2" stroke-linecap="round"/>
+<path d="M0,0 379,0" stroke="url(#paint0_linear_7_3645)" stroke-width="2" stroke-linecap="round"/>
 <defs>
 <linearGradient id="paint0_linear_7_3645" x1="1" y1="1.5" x2="5.52687" y2="60.7337" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F539F8"/>

src/assets/images/shape/title-shape.svg

@@ -1,5 +1,5 @@
 <svg width="174" height="31" viewBox="0 0 174 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0,0 173,0" stroke="url(#paint0_linear_4_1797)" stroke-width="4" stroke-linecap="round"/>
+<path d="M1 17.9998C10.5 7.5 56.6856 24.9909 78 28C120.5 34 162 24 173 1" stroke="url(#paint0_linear_4_1797)" stroke-width="2" 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"/>
@@ -7,4 +7,4 @@
 <stop offset="1" stop-color="#5356FB"/>
 </linearGradient>
 </defs>
-</svg>
+</svg>

src/components/AuthPages/ForgotPassword/index.jsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import titleShape from "../../../assets/images/shape/title-shape-two.svg";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout";
@@ -15,7 +16,7 @@ export default function ForgotPassword() {
               <h1 className="sm:text-5xl text-4xl font-bold sm:leading-[74px]   text-dark-gray dark:text-white">
                 Forget Password
               </h1>
-              <div className="shape sm:w-[377px] w-[270px] -mt-1 ml-5">
+              <div className="shape">
                 <img src={titleShape} alt="shape" />
               </div>
             </div>
@@ -38,6 +39,9 @@ export default function ForgotPassword() {
                 </a>
               </div>
             </div>
+            <Link to ="/" className=" my-40 font-bold flex justify-center text-dark-gray items-center">
+              Return Home
+            </Link>
           </div>
         </div>
       </AuthLayout>

src/components/AuthPages/Login/index.jsx

@@ -51,7 +51,7 @@ export default function Login() {
               <h1 className="text-5xl font-bold leading-[74px]   text-dark-gray dark:text-white">
                 Log In
               </h1>
-              <div className="shape">
+              <div className="shape -mt-5">
                 <img src={titleShape} alt="shape" />
               </div>
             </div>
@@ -116,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>