fix(contact-list): resolves an issue where website label was uneditable

packages/pdf/src/templates/lapras/LaprasPage.tsx

@@ -1,11 +1,11 @@
 import type { Style } from "@react-pdf/types";
-import type { IconName } from "phosphor-icons-react-pdf/dynamic";
 import type { TemplatePageProps } from "../../document";
 import type { TemplateColorRoles, TemplateStyleContext, TemplateStyleSlots } from "../shared/types";
 import { Image, Page, StyleSheet, View } from "@react-pdf/renderer";
 import { useMemo } from "react";
 import { parseColorString, rgbaStringToHex } from "@reactive-resume/utils/color";
 import { useRender } from "../../context";
+import { CustomFieldContactItem, WebsiteContactItem } from "../shared/contact-item";
 import { TemplateProvider } from "../shared/context";
 import { filterSections } from "../shared/filtering";
 import { getTemplateMetrics } from "../shared/metrics";
@@ -99,17 +99,9 @@ const Header = ({ styles }: { styles: LaprasStyles }) => {
 							<Text>{basics.location}</Text>
 						</View>
 					)}
-					{basics.website.url && (
-						<Link src={basics.website.url} style={styles.contactItem}>
-							<Icon name="globe" />
-							<Text>{basics.website.label}</Text>
-						</Link>
-					)}
+					<WebsiteContactItem website={basics.website} style={styles.contactItem} />
 					{basics.customFields.map((field) => (
-						<Link key={field.id} src={field.link} style={styles.contactItem}>
-							<Icon name={field.icon as IconName} />
-							<Text>{field.text}</Text>
-						</Link>
+						<CustomFieldContactItem key={field.id} field={field} style={styles.contactItem} />
 					))}
 				</View>
 			</View>