Resolve "17 -19 Apr"

Closes #9 (closed)

changes done/ issues faced:

part 1

1. h1 + h2 + img leaves multiple empty spaces (structural and)

part 2

1. found formulae in (energy coupling), found a minimalistic temporary solution

part 3

1. content issue: found two h1 for abstract (Extensive re-modelling, Linking Genotypic)

part 4

1. found an image(fig1) that had extremely dense content - recommend resizing (did not touch it) (a tRNA)
2. need help (pages 32, 33), h2 + h2, leaving two ~90% empty pages (lack of)
3. had no table class for image. In the previous update(March 24 to Apr 12 refactor) had added backup styles for multiple images inside a figure, so worked as expected (lack of)

part 5

1. content issue: found two h1 for abstract (drosophila)
2. table #tbls1 had twenty one images inside one figure. PagedJs broke after 19th image with error: layout repeated. All content after it was not rendered (fixed using display grid width 500px column width and figcaption column 1/-1)(might be due to image height or pagedjs issue) (drosophila)

part 6

1. (#figS5b)(page 22) image is enlarged beyond what's needed -recommend resizing (did not touch it)(hypoxia)
2. content issue: found two h1 for abstract (single cell RNA)

part 7

1. content issue: found two h1 for abstract (courtship behaviour)
2. new html - reference__label: used to add numbers to the references list instead of using ol. Added spacing between label and content (courtship behaviour)

scrapper related issues:

1. title had an em so it broke scrapper (fixed: changed innerHTML to textContent)(drosophila)
2. scrapper stopped midway with error when tried to generate all 13 pre-prints together