Add Payments Routes to Finance Module

- Introduced new routes for Payments and PaymentInfo components in the Finance module.
- Enhanced lazy loading for improved performance and user experience in the finance dashboard.

src/routes/FinanceRoutes.jsx

@@ -7,6 +7,12 @@ const Invoices = lazy(
 const InvoiceInfo = lazy(
   () => import('../components/Dashboard/Finance/Invoices/InvoiceInfo.jsx')
 )
+const Payments = lazy(
+  () => import('../components/Dashboard/Finance/Payments.jsx')
+)
+const PaymentInfo = lazy(
+  () => import('../components/Dashboard/Finance/Payments/PaymentInfo.jsx')
+)
 const FinanceOverview = lazy(
   () => import('../components/Dashboard/Finance/FinanceOverview.jsx')
 )
@@ -22,6 +28,12 @@ const FinanceRoutes = [
     key='invoices-info'
     path='finance/invoices/info'
     element={<InvoiceInfo />}
+  />,
+  <Route key='payments' path='finance/payments' element={<Payments />} />,
+  <Route
+    key='payments-info'
+    path='finance/payments/info'
+    element={<PaymentInfo />}
   />
 ]