fix(pdf): increase role text spacing and link agbs pdf directly to static file

lib/pdf-business-card.tsx

@@ -302,7 +302,7 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
   },
   nameSection: {
-    marginBottom: '2.5mm', // Clear separation between name block and contact block
+    marginBottom: '6mm', // Clear separation between name block and contact block
   },
   nameText: {
     fontSize: 13,

lib/pdf-page.tsx

@@ -329,6 +329,42 @@ const renderLexicalNode = (node: any, idx: number): React.ReactNode => {
   }
 };
 
+const renderMarkdown = (markdown: string) => {
+  const blocks = markdown.split('\n\n').filter((b) => b.trim());
+  return blocks.map((block, idx) => {
+    if (block.startsWith('### ')) {
+      return (
+        <Text key={idx} style={styles.heading3} wrap={false} minPresenceAhead={100}>
+          {block.replace('### ', '').trim()}
+        </Text>
+      );
+    }
+    if (block.startsWith('## ')) {
+      return (
+        <Text key={idx} style={styles.heading2} wrap={false} minPresenceAhead={100}>
+          {block.replace('## ', '').trim()}
+        </Text>
+      );
+    }
+    if (block.startsWith('# ')) {
+      return (
+        <View key={idx} style={styles.heading1Wrapper} wrap={false} minPresenceAhead={100}>
+          <Text style={styles.heading1}>{block.replace('# ', '').trim()}</Text>
+        </View>
+      );
+    }
+
+    // Ignore block components like <Block ... />
+    if (block.startsWith('<Block')) return null;
+
+    return (
+      <Text key={idx} style={styles.paragraph} minPresenceAhead={15}>
+        {block.trim()}
+      </Text>
+    );
+  });
+};
+
 interface PDFPageProps {
   page: any;
   locale?: string;
@@ -360,9 +396,11 @@ export const PDFPage: React.FC<PDFPageProps> = ({ page, locale = 'de' }) => {
 
         <View style={styles.content}>
           <View>
-            {page.content?.root?.children?.map((node: any, i: number) =>
-              renderLexicalNode(node, i),
-            )}
+            {typeof page.content === 'string'
+              ? renderMarkdown(page.content)
+              : page.content?.root?.children?.map((node: any, i: number) =>
+                  renderLexicalNode(node, i),
+                )}
           </View>
         </View>