Removed files and replaced textfields from forgot-password and set-new-password pages

Client/src/Pages/ForgotPassword/index.jsx

@@ -2,13 +2,13 @@ import BackgroundPattern from "../../Components/BackgroundPattern/BackgroundPatt
 import "./index.css";
 import React from "react";
 import Logomark from "../../assets/Images/key-password.png";
-import EmailTextField from "../../Components/TextFields/Email/EmailTextField";
 import Button from "../../Components/Button";
 import LeftArrow from "../../assets/Images/arrow-left.png";
 import { useState, useEffect } from "react";
 import { recoveryValidation } from "../../Validation/validation";
 import axiosInstance from "../../Utils/axiosConfig";
 import { useNavigate } from "react-router-dom";
+import Field from "../../Components/Inputs/Field";
 
 const ForgotPassword = () => {
   const navigate = useNavigate();
@@ -76,12 +76,14 @@ const ForgotPassword = () => {
         </div>
         <div className="forgot-password-v-gap-large"></div>
         <div className="forgot-password-body">
-          <EmailTextField
-            onChange={handleInput}
-            error={errors.email !== undefined ? true : false}
-            helperText={errors.email !== undefined ? errors.email : ""}
-            placeholder="Enter your email"
+          <Field
+            type="email"
             id="forgot-password-email-input"
+            label="Email"
+            isRequired={true}
+            placeholder="Enter your email"
+            onChange={handleInput}
+            error={errors.email}
           />
           <div className="forgot-password-v-gap-medium"></div>
           <Button