Add font and size selection

[RUN-Projects]

Addresses https://github.com/unfoldingWord/gateway-translate/issues/186

Describe what your pull request addresses

• Adds detected local fonts to a dropdown
• Lists shipped fonts
• Avoids overriding local fonts with shipped fonts, and vice-versa, allowing users control of font versions(1).
• Adds font size dropdown
• Adds line height dropdown
• Complex font-specific css shaping settings have been replicated from translationCore, with the exception of font-size which can be set by the user.

Test Instructions

• Open a book or books and adjust font settings.
• As is the case here with all local fonts, graphite-enable fonts are only listed when locally detected. When they are there is a separate list (which encourages FF). This comes just after Provided Fonts in the drodown, though is not shown at all if no graphite-enabled fonts are detected.
• What is the smallest cards need to be able to be made? (Keep going smaller and this will leave font settings buttons extending past the right margin of the card. Is this size acceptable for now?)

(1) An exception to this may be the Roboto webfont, however the most current version of the font will always be delivered over https unless there is a connectivity issue with fonts.googleapis.com (the css stylesheet) or fonts.gstatic.com (28 woff2 files). It also may be that this webfont doesn't necessarily need to be listed. The Next.js style theme is pulling it into head, so since it is currently imported into the project it is being listed.

[netlify[bot]]

‼️ Deploy request for gateway-translate rejected.

Name	Link
🔨 Latest commit	f725aa4a6a41498a537cd6eba47ec5e4602c152f