⚠️ WIP: initial page design for mobile ⚠️

[Ashraf-Ali-aa]

working progress for page details screen Tasks:

• [x] create different layouts templates
• [x] loading spinner
• [ ] style mushaf layout
• [ ] style ayah by ayah layout - partially done
• [x] settings button

@iBasit can you add a feature to load different page templates for page details screen i.e ayah-by-ayah.html and mushaf.html templates, also can you resolve the word by word phasing issue.

[iBasit]

How would page change. like what user have to click to change the view?

[Ashraf-Ali-aa]

@iBasit we can have the option in the settings page, this way users can decide what layout they prefer to read the mushaf, but for development purposes, we can add a button to the footer of page details screen so we can quickly test out the different layouts when modifying the CSS.