Added name to Add new fund

src/components/MyWallet/AddFundDollars.jsx

@@ -5,6 +5,7 @@ import InputCom from "../Helpers/Inputs/InputCom";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 
 import { Form, Formik } from "formik";
+import { useSelector } from "react-redux";
 import * as Yup from "yup";
 
 const validationSchema = Yup.object().shape({
@@ -59,9 +60,9 @@ function AddFundDollars(props) {
 
   let [tab, setTab] = useState("previous"); //STATE FOR SWITCHING BETWEEN TABS
   const [loader, setLoader] = useState(false);
-
+  const { userDetails } = useSelector((state) => state?.userDetails);
+  let { firstname, lastname } = userDetails;
   let [prevCardDetails, setPrevCardDetails] = useState({}); // STATE TO HOLD PREVIOUS CARD SELECTED
-
   let [payListCards, setPayListCards] = useState({ loading: true, data: [] }); //USER PREVIOUS CARDS
   // const [payListCard, setPayListCard] = useState({ data: "" }); //USER PAYLIST
 
@@ -139,8 +140,6 @@ function AddFundDollars(props) {
       });
   }, []);
 
-  console.log("Annoying card>>", prevCardDetails["payment-card"]);
-
   return (
     <>
       <div className="w-full">
@@ -296,6 +295,16 @@ function AddFundDollars(props) {
                           <div className="fields w-full">
                             {/* inputs starts here */}
                             {/* Name */}
+                            <div className="flex items-center field w-full my-6 gap-3">
+                              <label className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex items-center gap-1">
+                                Name{" "}
+                                <span className="text-red-700 text-sm tracking-wide">
+                                  *
+                                </span>
+                                :
+                              </label>
+                              <p className="input-label text-[#181c32] dark:text-white text-[13.975px] leading-[20.9625px] font-semibold flex items-center gap-1">{`${firstname} ${lastname}`}</p>
+                            </div>
                             <div className="field w-full my-6">
                               <InputCom
                                 fieldClass="px-6"