feat: Centralize OG image font loading and sizing, simplify product page OG generation, and refine template styling.

lib/pdf-datasheet.tsx

@@ -305,7 +305,6 @@ const getLabels = (locale: 'en' | 'de') => {
 export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({
   product,
   locale,
-  logoUrl = '/media/logo.svg',
 }) => {
   const labels = getLabels(locale);
 
@@ -338,8 +337,12 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({
             </View>
             <View style={styles.productImageCol}>
               {product.featuredImage ? (
-                <Image src={product.featuredImage} style={styles.heroImage} />
+                <Image
+                  src={product.featuredImage}
+                  style={styles.heroImage}
+                />
               ) : (
+
                 <Text style={styles.noImage}>{labels.noImage}</Text>
               )}
             </View>
@@ -370,7 +373,7 @@ export const PDFDatasheet: React.FC<PDFDatasheetProps> = ({
                     style={[
                       styles.specsTableRow,
                       index === product.attributes.length - 1 &&
-                        styles.specsTableRowLast,
+                      styles.specsTableRowLast,
                     ]}
                   >
                     <View style={styles.specsTableLabelCell}>