fix(web): list styling (#730)

# Summary

Some of the web's list styling was working poorly

- the padding for the `unordered` and `checkbox` lists was calculated
wrong. The `marginLeft`, `gapWidth` and `bulletSize` / `checkboxSize`
were used improperly,
- the bullets and checkboxes should now be centered on the Y axis, to
the text baseline, regardless for their sizes,
- `ol` marks are now aligned to the right of the `marginLeft` space
(they sit within it), making the `gapWidth` always identical,
- `ol` marks get additional margin, if their values are too large to fit
within the initial `marginLeft`

## Test Plan

Experiment with different values inside `defaultHtmlStyle.ts` inside
`example-web/`

## Screenshots / Videos

The `ol` markers overflowing bug:

Before:


https://github.com/user-attachments/assets/1ca03de3-b732-42b6-8027-7a913cba531d

After:


https://github.com/user-attachments/assets/d7b04078-4223-4f37-b00d-9641e4c9be85

## Compatibility

| OS      | Implemented |
| ------- | :---------: |
| iOS     |    ❌     |
| Android |    ❌     |
| Web     |    ✅     |

## Checklist

- [x] E2E tests are passing
- [x] Required E2E tests have been added (if applicable)

---------

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: hejsztynx