refactor(FE-208): enhance PurchaseOrderInvoice styles with primary color and adjust address maxWidth

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

@@ -41,11 +41,12 @@ const pdfStyles = StyleSheet.create({
     fontSize: 12,
     fontWeight: 'bold',
     marginBottom: 4,
+    color: '#1f74bf', // Primary color from globals.css
   },
   address: {
     fontSize: 8,
     color: '#666666',
-    maxWidth: 300,
+    maxWidth: 400,
     marginBottom: 10,
   },
   divider: {
@@ -64,6 +65,7 @@ const pdfStyles = StyleSheet.create({
     fontSize: 18,
     fontWeight: 'bold',
     flex: 3,
+    color: '#1f74bf', // Primary color
   },
   poInfo: {
     flex: 1,
@@ -74,6 +76,7 @@ const pdfStyles = StyleSheet.create({
     fontSize: 12,
     fontWeight: 'bold',
     marginBottom: 8,
+    color: '#1f74bf', // Primary color
   },
   table: {
     borderWidth: 1,
@@ -182,10 +185,7 @@ const pdfStyles = StyleSheet.create({
     fontSize: 8,
   },
   footer: {
-    position: 'absolute',
-    bottom: 20,
-    left: 20,
-    right: 20,
+    marginTop: 30,
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignItems: 'flex-start',
@@ -195,6 +195,7 @@ const pdfStyles = StyleSheet.create({
     fontWeight: 'bold',
     textAlign: 'right',
     flex: 1,
+    color: '#1f74bf',
   },
   specialInstructionTable: {
     width: '60%',
@@ -351,7 +352,12 @@ const PurchaseOrderInvoice = ({ data }: PurchaseOrderInvoiceProps) => {
                   <View style={pdfStyles.tableCellRight}>
                     <Text style={{ fontWeight: 'bold' }}>Grand Total</Text>
                   </View>
-                  <View style={[pdfStyles.tableCellRightLast, { fontWeight: 'bold' }]}>
+                  <View
+                    style={[
+                      pdfStyles.tableCellRightLast,
+                      { fontWeight: 'bold' },
+                    ]}
+                  >
                     <Text>Rp.{formatNumber(grandTotal)}</Text>
                   </View>
                 </View>