Adding List view for Payment Request.

src/pages/PaymentRequest/PaymentRequestList.jsx

@@ -0,0 +1,41 @@
+import React from "react";
+
+const PaymentRequestList = () => {
+  const paymentRequestColumns = [
+    { key: "requestId", label: "Request Id" },
+    { key: "RequestType", label: "Request Type" },
+    { key: "submittedBy", label: "Submitted By" },
+    { key: "submittedOn", label: "Submitted On" },
+    { key: "amount", label: "Amount" },
+    { key: "status", label: "Status" },
+  ];
+
+  return (
+    <div className="card page-min-h table-responsive px-sm-4">
+      <div className="card-datatable " id="payment-request-table">
+        <table className="table border-top dataTable text-nowrap">
+          <thead>
+            <tr>
+              {paymentRequestColumns.map((col) => (
+                <th key={col.key} className="sorting text-start">
+                  {col.label}
+                </th>
+              ))}
+              <th className="text-center">Action</th>
+            </tr>
+          </thead>
+          <tbody>
+            {/* Data rows will be added here later */}
+            <tr>
+              <td colSpan={paymentRequestColumns.length + 1} className="text-center py-4">
+                No Payment Request Found
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+};
+
+export default PaymentRequestList;

src/pages/PaymentRequest/PaymentRequestPage.jsx

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import Breadcrumb from "../../components/common/Breadcrumb";
 import GlobalModel from "../../components/common/GlobalModel";
 import ManagePaymentRequest from "../../components/PaymentRequest/ManagePaymentRequest";
+import PaymentRequestList from "./PaymentRequestList";
 const PaymentRequestPage = () => {
   const [ManagePaymentRequestModal, setManagePaymentRequestModal] = useState({
     IsOpen: null,
@@ -64,9 +65,10 @@ const PaymentRequestPage = () => {
 
       {/* Expense List Placeholder */}
       <div className="card">
-        <div className="card-body text-center text-muted py-5">
+        {/* <div className="card-body text-center text-muted py-5">
           <p>No Expense Data found</p>
-        </div>
+        </div> */}
+        <PaymentRequestList/>
       </div>