feat: add supplier payment and allocation models, API, and frontend components

- Created `SupplierPayment` and `SupplierPaymentGRN` models for managing supplier payments and their allocations.
- Implemented API endpoints for listing and creating supplier payments.
- Developed frontend components for displaying and recording supplier payments, including a dialog for payment creation.
- Integrated GRN allocations into the payment creation process, ensuring total allocations match the payment amount.
- Added pagination and loading states for the payments list.

distribution_fe/lib/api/supplier-payments.ts

@@ -0,0 +1,18 @@
+import { api } from '@/lib/api'
+import type {
+  CreateSupplierPaymentRequest,
+  PagedSupplierPaymentsResponse,
+  SupplierPaymentResponse,
+} from '@/types/payments'
+
+export const supplierPayments = {
+  list: (supplierId: string, params?: { page?: number; pageSize?: number }) =>
+    api
+      .get<PagedSupplierPaymentsResponse>(`/suppliers/${supplierId}/payments`, { params })
+      .then(r => r.data),
+
+  create: (supplierId: string, body: CreateSupplierPaymentRequest) =>
+    api
+      .post<SupplierPaymentResponse>(`/suppliers/${supplierId}/payments`, body)
+      .then(r => r.data),
+}