feat: Refine PDF module labels and styling, and add a divider to the sitemap module.

src/components/pdf/SharedUI.tsx

@@ -130,6 +130,12 @@ export const pdfStyles = PDFStyleSheet.create({
         borderTopWidth: 0.5,
         borderTopColor: '#cbd5e1',
     },
+    divider: {
+        width: '100%',
+        height: 1,
+        backgroundColor: '#f1f5f9',
+        marginVertical: 12,
+    },
     // Atoms
     industrialListItem: {
         flexDirection: 'row',
@@ -219,6 +225,10 @@ export const IndustrialCard = ({ title, children, style = {} }: { title: string;
 
 export const FoldingMarks = () => (<><PDFView style={[pdfStyles.foldingMark, { top: 297.6 }]} fixed /><PDFView style={[pdfStyles.foldingMark, { top: 420.9, width: 15 }]} fixed /><PDFView style={[pdfStyles.foldingMark, { top: 595.3 }]} fixed /></>);
 
+export const Divider = ({ style = {} }: { style?: any }) => (
+    <PDFView style={[pdfStyles.divider, style]} />
+);
+
 export const Footer = ({ logo, companyData, bankData, showDetails = true, showPageNumber = true }: { logo?: string; companyData: any; bankData: any; showDetails?: boolean; showPageNumber?: boolean }) => (
     <PDFView style={pdfStyles.footer}><PDFView style={pdfStyles.footerColumn}>{logo ? (<PDFImage src={logo} style={pdfStyles.footerLogo} />) : (<PDFText style={{ fontSize: 12, fontWeight: 'bold', marginBottom: 8 }}>marc mintel</PDFText>)}</PDFView>{showDetails && (<><PDFView style={pdfStyles.footerColumn}><PDFText style={pdfStyles.footerText}><PDFText style={pdfStyles.footerLabel}>{companyData.name}</PDFText>{"\n"}{companyData.address1}{"\n"}{companyData.address2}{"\n"}UST: {companyData.ustId}</PDFText></PDFView><PDFView style={[pdfStyles.footerColumn, { alignItems: 'flex-end' }]}>{showPageNumber && <PDFText style={pdfStyles.pageNumber} render={({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`} fixed />}</PDFView></>)}{!showDetails && (<PDFView style={[pdfStyles.footerColumn, { alignItems: 'flex-end' }]}>{showPageNumber && <PDFText style={pdfStyles.pageNumber} render={({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`} fixed />}</PDFView>)}</PDFView>
 );