Correct name shows under menu and current ammount under delete jop popup page

src/components/MyActiveJobs/MyActiveJobTable.jsx

@@ -67,7 +67,7 @@ export default function MyActiveJobTable({ MyJobList, className }) {
                               <span className="text-sm text-thin-light-gray">
                                 Price:{" "}
                                 <span className="text-purple">
-                                  {value.price * 0.01}
+                                  {(value.price * 0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}
                                 </span>
                               </span>
                               <span className="text-sm text-thin-light-gray">

src/components/MyJobs/MyJobTable.jsx

@@ -131,7 +131,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                                 <span className="text-sm text-thin-light-gray">
                                   Price:{" "}
                                   <span className="text-purple">
-                                    {value.price * 0.01}
+                                    {(value.price * 0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}
                                   </span>
                                 </span>
                                 <span className="text-sm text-thin-light-gray">

src/components/MyPendingJobs/MyPendingJobTable.jsx

@@ -62,7 +62,7 @@ export default function MyPendingJobTable({MyJobList, className }) {
                                                             {value.description}
                                                         </div>
                                                         <span className="text-sm text-thin-light-gray">
-                                                        Price: <span className="text-purple">{value.price*0.01}</span>
+                                                        Price: <span className="text-purple">{(value.price*0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}</span>
                                                         </span>
                                                         <span className="text-sm text-thin-light-gray">
                                                         Duration:   <span className="text-purple"> {value.timeline_days} day(s)</span>

src/components/Partials/Header.jsx

@@ -505,9 +505,9 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
                 </div>
                 <div className="heading border-b dark:border-[#5356fb29]  border-light-purple px-7 py-2">
                   <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
-                  Surname
+                  Fullname
                   </h3>
-                  <p className="text-sm text-gray-400 dark:text-white hover:text-sky-blue cursor-pointer">broklinslam_75@gamil.com</p>
+                  <p className="text-base text-gray-400 dark:text-white hover:text-sky-blue cursor-pointer">{`${firstname} ${lastname}`}</p>
                 </div>
                 <div className="content">
                   <ul className="px-7">

src/components/jobPopout/DeleteJobPopout.jsx

@@ -100,7 +100,7 @@ function DeleteJobPopout({details, onClose, situation}) {
                   {details.title}
                 </p>
                 <p className="text-lg tracking-wide text-dark-gray dark:text-white">
-                  Price: {details.price}
+                  Price: {(details.price * 0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'}
                 </p>
                 <p className="text-lg tracking-wide text-dark-gray dark:text-white">
                   Duration: {details.timeline_days} day(s)

src/components/jobPopout/PendingJobsPopout.jsx

@@ -7,10 +7,10 @@ function PendingJobsPopout({details, onClose, situation}) {
   return (
     <ModalCom action={onClose} situation={situation}>
     <div className="logout-modal-wrapper lw-[90%] md:w-[768px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
-        <div className="logout-modal-header w-full flex items-center justify-end lg:p-6 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple">
-          {/* <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
-            Confirm
-          </h1> */}
+        <div className="logout-modal-header w-full flex items-center justify-between lg:p-6 px-[30px] py-[23px] border-b dark:border-[#5356fb29]  border-light-purple">
+          <h1 className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
+            Manage Pending Item
+          </h1>
           <button
             type="button"
             className="text-[#374557] dark:text-red-500"
@@ -73,7 +73,7 @@ function PendingJobsPopout({details, onClose, situation}) {
             <div className='my-2 md:flex'>
               <Detail 
                   label='Price' 
-                  value={`${details.price*0.01} ${details.currency}`} 
+                  value={`${(details.price*0.01).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")+'.00'} ${details.currency}`} 
               />
             </div>