refactor(FE): Fix dependency arrays and improve error handling in

purchase components

src/components/pages/purchase/order/PurchaseOrderDetail.tsx

@@ -351,13 +351,13 @@ const PurchaseOrderDetail = ({
     refreshApprovals();
     refetchData?.();
     staffApprovalModal.closeModal();
-  }, [refreshApprovals, refetchData]);
+  }, [refreshApprovals, refetchData, staffApprovalModal]);
 
   const handleEditModalClose = useCallback(() => {
     refreshApprovals();
     refetchData?.();
     editModal.closeModal();
-  }, [refreshApprovals, refetchData]);
+  }, [refreshApprovals, refetchData, editModal]);
 
   // ===== DELETE HANDLER =====
   const deleteItemsHandler = useCallback(async () => {
@@ -399,7 +399,7 @@ const PurchaseOrderDetail = ({
       deleteModal.closeModal();
       setSelectedItem(null);
       setRowSelection({});
-    } catch (error) {
+    } catch {
       toast.error('Terjadi kesalahan saat menghapus item pembelian');
     } finally {
       setIsDeleteLoading(false);
@@ -410,6 +410,8 @@ const PurchaseOrderDetail = ({
     selectedItem,
     selectedRowIds,
     refetchData,
+    refreshApprovals,
+    deleteModal,
   ]);
 
   // ===== APPROVAL/REJECTION HANDLERS =====

src/components/pages/purchase/order/PurchaseOrderInvoice.tsx

@@ -263,6 +263,7 @@ const PurchaseOrderInvoice = ({ data }: PurchaseOrderInvoiceProps) => {
           <Page size='A4' style={pdfStyles.page}>
             {/* Header Section */}
             <View style={pdfStyles.header}>
+              {/* eslint-disable-next-line jsx-a11y/alt-text */}
               <Image
                 src={'https://placehold.co/120x30/png'}
                 style={pdfStyles.logo}