Add pronunciation + pronunciation info field to settings/layout for presenter of desktop

[bhajneet]

@sarabveer how should these two fields be displayed? Can they be combined into one toggle/field? Will there be multiple sources of these or will multiple schools of thought be added to same field (latter preferable imo)?

Originally posted by @bhajneet in shabados/database#1236 (comment)

[bhajneet]

@Harjot1Singh please provide time estimate to add these two db fields as one single field + toggle in presenter. I can do the CSS portion, but it should basically match punjabi and go between gurbani + english translation.

[sarabveer]

Will there be multiple sources of these or will multiple schools of thought be added to same field (latter preferable imo)?

There will be multiple sources. This pronunciation alongside pronunciation_info will be merged in with the footnotes column. shabados/database#375

[Harjot1Singh]

@bhajneet adding it in should take a couple of hours, the blocker here is DB-related afaik (do we it in a display-ready format etc and what changes to DB are required etc)

[bhajneet]

Note I'd rather move english, hindi, urdu transliteration also into the "pronunciation" section. So some of them will be dynamically generated via gurmukhi-utils and others are in the db. Not sure if you want to consolodiate the backend or just group them together in a "pronunciation section" of the frontend/settings

_Related #186 _