feat: implement free-form resume page formats, resolves #2991

apps/web/src/components/resume/preview.browser.tsx

@@ -161,8 +161,8 @@ export function ResumePreviewClient({
 							{(document) => (
 								<div
 									className={cn(
-										"flex items-center justify-start gap-(--resume-preview-page-gap)",
-										pageLayout === "horizontal" ? "flex-row" : "flex-col",
+										"flex justify-start gap-(--resume-preview-page-gap)",
+										pageLayout === "horizontal" ? "flex-row items-start" : "flex-col items-center",
 									)}
 								>
 									{Array.from({ length: visiblePdf.numPages }, (_, index) => {

apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/page.tsx

@@ -94,7 +94,7 @@ function PageSectionForm() {
 						hasError={field.state.meta.isTouched && field.state.meta.errors.length > 0}
 					>
 						<FormLabel>
-							<Trans context="Page Format (A4, Letter)">Format</Trans>
+							<Trans context="Page Format (A4, Letter, Free-form)">Format</Trans>
 						</FormLabel>
 						<FormControl
 							render={
@@ -102,6 +102,7 @@ function PageSectionForm() {
 									options={[
 										{ value: "a4", label: t`A4` },
 										{ value: "letter", label: t`Letter` },
+										{ value: "free-form", label: t`Free-form` },
 									]}
 									value={field.state.value}
 									onValueChange={(value) => {