Made user first and last name display on profile

src/components/Partials/Header.jsx

@@ -1,4 +1,5 @@
 import React, { useContext } from "react";
+import { useSelector } from "react-redux";
 import { Link } from "react-router-dom";
 import bank1 from "../../assets/images/bank-1.png";
 import bank2 from "../../assets/images/bank-2.png";
@@ -11,7 +12,9 @@ import Icons from "../Helpers/Icons";
 import ModalCom from "../Helpers/ModalCom";
 import SearchCom from "../Helpers/SearchCom";
 
+
 export default function Header({ logoutModalHandler, sidebarHandler }) {
+  const { userInfo } = useSelector((state) => state.userInfo);
   const [balanceDropdown, setbalanceValue] = useToggle(false);
   const [notificationDropdown, setNotificationValue] = useToggle(false);
   const [userProfileDropdown, setProfileDropdown] = useToggle(false);
@@ -436,11 +439,11 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
                 </div>
                 <div className="lg:block hidden">
                   <h1 className="text-xl font-bold   text-dark-gray dark:text-white">
-                    Brokln Simons
+                    {userInfo.firstname + ' ' + userInfo.lastname}
                   </h1>
-                  <p className="text-sm text-thin-light-gray">
+                  {/* <p className="text-sm text-thin-light-gray">
                     @broklinslam_75
-                  </p>
+                  </p> */}
                 </div>
               </div>
               <div