fix: [M3-7008] - Invoice and Payment id wrapping in generated PDFs

[bnussman-akamai]

Description 📝

Important

I recommend checking the internal ticket to see context of this 🪲

Fixes unnecessary wrap in invoice and payment PDFs that caused some id numbers to be partially cut off and improves general positioning

Major Changes 🔄

• Do not enforce a maxWidth in the addTitle function
• Replaced hard-coded table start position with dynamic start position 🎉

Preview 📷

Before	After

How to test 🧪

• Turn on the MSW
• Go to http://localhost:3000/account/billing
• Check the PDF of the invoice called Invoice with Large ID and verify the text Invoice: #123456789123456 is positioned correctly and is not overlapping anything
• Check the PDF of the payment called Payment #123456789123456 and verify the text Receipt for Payment #123456789123456 is positioned correctly and is not overlapping anything
• Continue to test on a variety of different invoices and payment PDFs

[bnussman-akamai]

I changed 4 to 12 to match the payment PDFs. It helps make the PDF a bit more readable (see before and after photos above).

[bnussman-akamai]

startY is now dynamic instead of hard-coded. This allows the table to be dynamically positioned so that the header text will not overlap with the table.

[carrillo-erik]

Good choice, the dynamic value definitely improves the table's aesthetic.

[carrillo-erik]

Looks good to me 👀 👍.

I was able to download and inspect both the Invoice and the Receipt PDFs. The long numbers do not overlap or cause any visual regressions and are positioned correctly within the PDF.

I did observe a discrepancy if I clicked the link Invoice with Large ID and downloaded the PDF from /billing/invoices/123456789123456, it's not the same invoice. This appears to be limited to the MSW, once I disabled it and navigated to an invoice I was able to download the appropriate PDF.

[mjac0bs]

Confirmed no wrapping or obscured confirmation numbers on the invoices and payments that I clicked through. Thanks for fixing! 🚢