refactor(FE-364): Refine PDF table cell styles and header alignment

src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExport.tsx

@@ -51,6 +51,15 @@ const pdfStyles = StyleSheet.create({
     backgroundColor: '#F5F5F5',
   },
   tableCell: {
+    flex: 1,
+    borderRightWidth: 1,
+    borderRightColor: '#000000',
+    borderRightStyle: 'solid',
+    padding: 4,
+    fontSize: 8,
+    textAlign: 'left',
+  },
+  tableCellNo: {
     flex: 1,
     borderRightWidth: 1,
     borderRightColor: '#000000',
@@ -104,6 +113,7 @@ const pdfStyles = StyleSheet.create({
     borderBottomColor: '#000000',
     borderBottomStyle: 'solid',
     paddingVertical: 12,
+    textAlign: 'center',
   },
   tableCellRight: {
     flex: 1,
@@ -342,7 +352,7 @@ const createPDFDocument = (
                           : {},
                       ]}
                     >
-                      <View style={[pdfStyles.tableCell, { flex: 0.5 }]}>
+                      <View style={[pdfStyles.tableCellNo, { flex: 0.5 }]}>
                         <Text>{index + 1}</Text>
                       </View>
                       <View style={pdfStyles.tableCell}>