made all data to show on details column

src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx

@@ -72,20 +72,20 @@ export default function ApproveRejectPage() {
                             </button>
                         </div>
                     </div>
-                    <div className="card card-flash flex flex-col p-4 h-md-50 mb-5 mb-xl-10 bg-secondary">
+                    <div className="card card-flash flex flex-col p-4 h-md-50 mb-5 mb-xl-10 bg-secondary overflow-scroll">
                         <h3 className='card-title text-gray-800 fw-bold mb-5'>Verification details</h3>
                         <div className='w-100'>
                             {loanDetails?.data?.verification.length > 0 ?
                             <table className='w-100'>
-                                <tr>
-                                    <th>UID</th>
-                                    <th>EMPLOYER NAME</th>
-                                </tr>
                                 {loanDetails?.data?.verification?.map((item:any) => (
-                                    <tr key={item.uid || item.id}>
+                                    <tbody key={item.uid || item.id}>
-                                        <td>{item.uid}</td>
+                                        {Object.keys(item).map(key => (
-                                        <td>{item.employers_name}</td>
+                                            <tr>
-                                    </tr>
+                                                <th className='text-uppercase py-3'>{key}</th>
+                                                <td>{item[key]}</td>
+                                            </tr>
+                                        ))}
+                                    </tbody>
                                 ))}
                             </table>
                             :
@@ -103,15 +103,15 @@ export default function ApproveRejectPage() {
                         <div className='w-100'>
                             {loanDetails?.data?.application.length > 0 ?
                             <table className='w-100'>
-                                <tr>
-                                    <th>UID</th>
-                                    <th>AMOUNT</th>
-                                </tr>
                                 {loanDetails?.data?.application?.map((item:any) => (
-                                    <tr key={item.uid || item.id}>
+                                    <tbody key={item.uid || item.id}>
-                                        <td>{item.uid}</td>
+                                        {Object.keys(item).map(key => (
-                                        <td>{item.loan_amount}</td>
+                                            <tr>
-                                    </tr>
+                                                <th className='text-uppercase py-3'>{key}</th>
+                                                <td className='flex text-break'>{item[key]}</td>
+                                            </tr>
+                                        ))}
+                                    </tbody>
                                 ))}
                             </table>
                             :