Adds reader mode line view to Gurbani Screen. To do this, a lot of refactoring occurred and ultimately there are two types of Lines now - DefaultLines and ReaderLines which group and render the lines separately. To make this reasonable, the shared styling/components that back the Lines for each have been split out into different components.
As long as we have no data which cannot be split into sections, this should stay fairly performant, but let's keep an eye on it.
Cheeky side note - I switched off Suspense in most react-query scenarios.
Additionally, all the bani IDs were not mapping correctly to names - this has been fixed, I am unsure how this happened.
Summary
Adds reader mode line view to Gurbani Screen. To do this, a lot of refactoring occurred and ultimately there are two types of
Linesnow -DefaultLinesandReaderLineswhich group and render the lines separately. To make this reasonable, the shared styling/components that back the Lines for each have been split out into different components.As long as we have no data which cannot be split into sections, this should stay fairly performant, but let's keep an eye on it.
Cheeky side note - I switched off Suspense in most react-query scenarios.
Additionally, all the bani IDs were not mapping correctly to names - this has been fixed, I am unsure how this happened.
Closes #236