fix: Move Surah Selector to Avoid Overlapping Text

[YassinNouh21]

📝 Summary

This PR fixes #1492

Problem

The Surah selector overlaps the Quranic text, making it less readable. There is available space at the bottom of the screen that can be utilized to resolve this issue.

Solution

• Adjusted the position of the Surah selector by adding a margin at the top (top: 0.65.h) to move it further down.
• Improved padding for better alignment and spacing:
  • Horizontal padding set to 2.w.
  • Vertical padding set to 0.75.h.
• Increased the background opacity of the selector to 0.6 for better contrast without obscuring content.

---

Impact

• The Quran is no longer overlapped by the Surah selector.
• Improved readability and UI consistency.

[YassinNouh21]

@ghassenbenzahra123 has detected this issue