refactor(FE): Style accounts receivable in red and adjust badge

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

@@ -154,6 +154,9 @@ const pdfStyles = StyleSheet.create({
     backgroundColor: '#F97316',
     color: '#FFFFFF',
   },
+  textError: {
+    color: '#DC2626',
+  },
   parameterBadge: {
     backgroundColor: '#F5F5F5',
     color: '#333333',
@@ -389,7 +392,9 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
                   <Text>{formatCurrency(item.payment)}</Text>
                 </View>
                 <View style={[pdfStyles.tableCellRight, { flex: 1.2 }]}>
-                  <Text>{formatCurrency(item.accounts_receivable)}</Text>
+                  <Text style={pdfStyles.textError}>
+                    {formatCurrency(item.accounts_receivable)}
+                  </Text>
                 </View>
                 <View style={[pdfStyles.tableCell, { flex: 1.5 }]}>
                   {item.notes ? (
@@ -483,7 +488,7 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
                   </Text>
                 </View>
                 <View style={[pdfStyles.tableCellRight, { flex: 1.2 }]}>
-                  <Text>
+                  <Text style={pdfStyles.textError}>
                     {formatCurrency(
                       customerReport.summary.total_accounts_receivable
                     )}