bug: Surah Selector Overlaps Quran

[YassinNouh21]

Description

The Surah selector currently overlaps the Quranic text, making it difficult to read. This issue disrupts the user experience and affects the readability of the Quranic content.

---

Steps to Reproduce

1. Open the Quran reading screen.
2. Observe the placement of the Surah selector at the top of the screen.
3. Notice that the selector overlaps the Quranic text.

---

Expected Behavior

The Surah selector should be positioned in a way that does not overlap the Quranic text. Utilizing the available space at the bottom of the screen could resolve this issue.

---

Actual Behavior

The Surah selector is placed too high on the screen, overlapping the Quranic text.

---