Indentation in lists in client print

In client print, we currently simply prepend a bullet point to the text in bullet lists, or the list number in enumeration lists. However, this means that when a list item has a long text spanning more than 1 line, the overflowing text is aligned with the bullet point rather than the first line of text.


We should properly generate the indentation by generating react-pdf `` nodes with margin or padding around list items, and fill the bullet or number into a `` node in there. Sizes have to be carefully chosen such that not too much space is wasted but still no layout inconsistency occurs when numbered items go above 10 or 20.

Start by locating the client print list-rendering entry point and inspect how react-pdf View and Text nodes are currently used for bullets and enumeration items. The work is done when wrapped lines align with the first line's text and numbered items remain consistent for values above 10 or 20.

Written by the indexing model from the issue text.