refactor(FE): Center PDF status and refine payment badge styling

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

@@ -479,7 +479,7 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
                       {formatCurrency(item.accounts_receivable)}
                     </Text>
                   </View>
-                  <View style={[pdfStyles.tableCell, { flex: 1.5 }]}>
+                  <View style={[pdfStyles.tableCellCenter, { flex: 1.5 }]}>
                     {item.status ? (
                       <View
                         style={[

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

@@ -514,13 +514,14 @@ const CustomerPaymentTab = () => {
           return (
             <Badge
               statusIndicator={true}
+              size='sm'
               variant='soft'
               className={{
-                badge: `rounded-xl justify-start border border-gray-200 ${getPaymentStatusColor(value)}`,
+                badge: `py-2.5 px-2 font-medium text-base-content border border-gray-200 rounded-xl justify-start ${getPaymentStatusColor(value)}`,
                 status: getPaymentStatusIndicatorColor(value),
               }}
             >
-              <span className='capitalize'>{getPaymentStatusText(value)}</span>
+              {getPaymentStatusText(value)}
             </Badge>
           );
         },