Added report starter

src/component/reports/PaymentReportTable.jsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+export default function PaymentReportTable() {
+    return (<>
+        Payment Table
+    </>)
+}

src/component/reports/Reports.jsx

@@ -3,6 +3,7 @@ import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
 import {useQuery} from "@tanstack/react-query";
 import queryKeys from "../../services/queryKeys";
 import {getReportsTopicsList} from "../../services/services";
+import PaymentReportTable from "./PaymentReportTable";
 
 
 export default function Reports() {
@@ -44,8 +45,8 @@ export default function Reports() {
                                         {reportTopicList && reportTopicList.map((item, index) => {
                                                 return (
                                                     <li className="nav-item">
-                                                        <a className="nav-link" id="home-09-tab"
+                                                        <a className="nav-link" id={`report-${item.url}-tab`}
-                                                           data-toggle="tab" href="#home-09" role="tab"
+                                                           data-toggle="tab" href={`#`} role="tab"
                                                            aria-controls="home-09" aria-selected="true"> {item.name}</a>
                                                     </li>
                                                 )
@@ -56,11 +57,7 @@ export default function Reports() {
                                     <div className="tab-content">
                                         <div className="tab-pane fade active show" id="home-09" role="tabpanel"
                                              aria-labelledby="home-09-tab">
-                                            <p>Positive pleasure-oriented goals are much more powerful motivators than
+                                            {<PaymentReportTable />}
-                                                negative fear-based ones. Although each is successful separately, the
-                                                right combination of both is the most powerful motivational force known
-                                                to humankind.Make a list of your achievements toward your long-term goal
-                                                and remind yourself that intentions don’t count, only action’s.</p>
                                         </div>
                                         <div className="tab-pane fade" id="profile-09" role="tabpanel"
                                              aria-labelledby="profile-09-tab">