- simplify imports

- update translations
- convert image to base64 before sending to printer
- update development docs

src/components/resume/shared/get-section-component.tsx

@@ -178,9 +178,7 @@ export function getSectionComponent(
 				if (visibleItems.length === 0) return null;
 
 				return (
-					<section
-						className={cn(`page-section page-section-custom page-section-${id} wrap-break-word`, sectionClassName)}
-					>
+					<section className={cn(`page-section page-section-custom page-section-${id}`, sectionClassName)}>
 						<h6 className="mb-1 text-(--page-primary-color)">{customSection.title}</h6>
 
 						<div
@@ -188,10 +186,7 @@ export function getSectionComponent(
 							style={{ gridTemplateColumns: `repeat(${customSection.columns}, 1fr)` }}
 						>
 							{visibleItems.map((item) => (
-								<div
-									key={item.id}
-									className={cn(`section-item section-item-${customSection.type} wrap-break-word *:space-y-1`)}
-								>
+								<div key={item.id} className={cn(`section-item section-item-${customSection.type} *:space-y-1`)}>
 									{renderItemByType(customSection.type, item, itemClassName)}
 								</div>
 							))}

src/components/resume/shared/page-link.tsx

@@ -10,7 +10,7 @@ export function PageLink({ url, label, className }: Props) {
 	if (!url) return null;
 
 	return (
-		<a href={url} target="_blank" rel="noopener noreferrer" className={cn("block truncate", className)}>
+		<a href={url} target="_blank" rel="noopener noreferrer" className={cn("inline-block text-wrap", className)}>
 			{label || url}
 		</a>
 	);

src/components/resume/shared/page-section.tsx

@@ -26,7 +26,7 @@ export function PageSection<T extends SectionType>({ type, className, children }
 				style={{ gridTemplateColumns: `repeat(${section.columns}, 1fr)` }}
 			>
 				{items.map((item) => (
-					<div key={item.id} className={cn(`section-item section-item-${type} wrap-break-word *:space-y-1`)}>
+					<div key={item.id} className={cn(`section-item section-item-${type} *:space-y-1`)}>
 						{children(item)}
 					</div>
 				))}

src/components/resume/shared/page-summary.tsx

@@ -13,7 +13,7 @@ export function PageSummary({ className }: PageSummaryProps) {
 	return (
 		<section
 			className={cn(
-				"page-section page-section-summary wrap-break-word",
+				"page-section page-section-summary",
 				section.hidden && "hidden",
 				section.content === "" && "hidden",
 				className,