TODO:

• Remove bug where there are empty last pages due to the text being longer than one line at some places or page break rules (already tried changing height of html).
• Query data for contributors does not exist on my personal database. Someone needs to check whether the contributors string in the footer correctly loads.
• @page CSS does not work on desktop of Firefox and Safari, meaning their prints won't have headers or footers.
• Location of paragraph translations in 'Syllabary Only' & 'Syllabary + WP' unclear in the mockup, so it is left out entirely. BUT the paragraph translation is still mentioned in the print legend according to the mockups.
• Image source query links do not redirect to a proper image source titles in the original document prints, so the url of the image was placed there instead. Not all urls are directed towards a proper website origin (see Story of Sequoyah).

CHANGES:

• Updated printing & document architecture to include an invisible print component in document.page.tsx that includes all the styles for printing the annotation, original document, and metadata across all syllabary settings.
• Segmentation dividers become messy and overlap when the paragraph ends at the first column, so page breaks were added after every word part, which creates a lot of white space in the print.

TASK DESCRIPTION:
For admin(s) and editor(s), the intended use is to be able to use printing tools that improve printing documents and create more accessible formats for users.

Link to design: https://design.penpot.app/#/workspace?team-id=458ded29-7ef8-80f7-8006-fbe6a1e610a7&file-id=20e128ff-6495-80ff-8007-1482f4bb12ef&page-id=59bdd06c-c4de-80fe-8007-41ba0f9fb169