fix(FE): resolve conflict

src/components/pages/report/finance/export/DebtSupplierExportXLSX.tsx

@@ -94,18 +94,18 @@ export const generateDebtSupplierExcel = (
 
     const colWidths = [
       { wch: 5 }, // No
-      { wch: 15 }, // Nomor PR
-      { wch: 15 }, // Nomor PO
-      { wch: 15 }, // Tanggal Terima/Bayar
-      { wch: 15 }, // Tanggal PO
-      { wch: 12 }, // Aging
+      { wch: 10 }, // Nomor PR
+      { wch: 10 }, // Nomor PO
+      { wch: 20 }, // Tanggal Terima/Bayar
+      { wch: 10 }, // Tanggal PO
+      { wch: 10 }, // Aging
       { wch: 15 }, // Area
       { wch: 15 }, // Gudang
-      { wch: 18 }, // Jatuh Tempo
-      { wch: 18 }, // Status Jatuh Tempo
-      { wch: 15 }, // Nominal Pembelian (Rp)
+      { wch: 12 }, // Jatuh Tempo
+      { wch: 20 }, // Status Jatuh Tempo
+      { wch: 20 }, // Nominal Pembelian (Rp)
       { wch: 15 }, // Pembayaran (Rp)
-      { wch: 15 }, // Sisa Saldo Hutang (Rp)
+      { wch: 20 }, // Sisa Saldo Hutang (Rp)
       { wch: 12 }, // Status
       { wch: 15 }, // Nomor Perjalanan
     ];

src/components/pages/report/finance/tab/CustomerPaymentTab.tsx

@@ -55,6 +55,7 @@ const CustomerPaymentTab = () => {
 
   const {
     options: customerOptions,
+    setInputValue: setCustomerInputValue,
     isLoadingOptions: isLoadingCustomers,
     loadMore: loadMoreCustomers,
     hasMore: hasMoreCustomers,
@@ -62,6 +63,7 @@ const CustomerPaymentTab = () => {
 
   const {
     options: salesOptions,
+    setInputValue: setSalesInputValue,
     isLoadingOptions: isLoadingSales,
     loadMore: loadMoreSales,
     hasMore: hasMoreSales,
@@ -654,6 +656,7 @@ const CustomerPaymentTab = () => {
                       Array.isArray(val) ? val : val ? [val] : []
                     );
                   }}
+                  onInputChange={setCustomerInputValue}
                   isLoading={isLoadingCustomers}
                   isClearable
                   onMenuScrollToBottom={loadMoreCustomers}
@@ -670,6 +673,7 @@ const CustomerPaymentTab = () => {
                   onChange={(val) => {
                     setFilterSales(Array.isArray(val) ? val : val ? [val] : []);
                   }}
+                  onInputChange={setSalesInputValue}
                   isLoading={isLoadingSales}
                   isClearable
                   onMenuScrollToBottom={loadMoreSales}

src/components/pages/report/finance/tab/DebtSupplierTab.tsx

@@ -34,6 +34,7 @@ import {
 import ButtonFilter from '@/components/helper/ButtonFilter';
 import Badge from '@/components/Badge';
 import { Color } from '@/types/theme';
+import { Supplier } from '@/types/api/master-data/supplier';
 
 const dueStatus: Record<string, Color> = {
   'Sudah Jatuh Tempo': 'error',
@@ -89,10 +90,12 @@ const DebtSupplierTab = () => {
 
   const filterModal = useModal();
 
-  const { options: supplierOptions, isLoadingOptions: isLoadingSuppliers } =
-    useSelect(SupplierApi.basePath, 'id', 'name', '', {
-      limit: 'limit',
-    });
+  const {
+    setInputValue: setSupplierInputValue,
+    options: supplierOptions,
+    isLoadingOptions: isLoadingSupplierOptions,
+    loadMore: loadMoreSuppliers,
+  } = useSelect<Supplier>(SupplierApi.basePath, 'id', 'name');
 
   const dataTypeOptions = useMemo(
     () => [
@@ -680,7 +683,9 @@ const DebtSupplierTab = () => {
                     Array.isArray(val) ? val : val ? [val] : null
                   );
                 }}
-                isLoading={isLoadingSuppliers}
+                onInputChange={setSupplierInputValue}
+                onMenuScrollToBottom={loadMoreSuppliers}
+                isLoading={isLoadingSupplierOptions}
                 isClearable
                 className={{ wrapper: 'w-full' }}
                 isError={