Move reading screen menu toolbar to the bottom

[kkebb]

Summary

Relocates the reading screen (PagerActivity) action bar from the top to the bottom of the screen, so navigation, search, and settings sit within easier thumb reach during reading.

• Group the audio bar and menu toolbar into a single bottom-anchored container, with the menu toolbar as the bottom-most element (closest to the user's fingers) and the audio bar stacked just above it.
• Apply the bottom navigation-bar / display-cutout inset on toolbar_area (which has a solid background), so the gesture-nav zone is filled with no transparent gap showing the mushaf underneath.
• When search is expanded, hide the audio bar and lift only the menu toolbar above the keyboard (the whole bottom stack no longer floats mid-screen).
• Hide/show by sliding the whole bottom container down/up together, instead of the toolbar sliding up and the audio bar sliding down separately.
• Drop the audio bar's bottom inset since the menu toolbar now sits below it and handles that inset.

PR stack & overlap

This PR is one of three related UX improvements. It does not share any files with #3688 — they touch different screens:

PR	Screen	Scope
This PR (#3687)	Reading (PagerActivity)	Bottom toolbar + audio bar
#3688	Home (QuranActivity)	Bottom nav tabs + bottom toolbar
#3686	Both	Random ayah menu (merges this PR + #3688)

Both bottom PRs use similar patterns (bottom chrome, inset handling, search keyboard behavior) but on different activities and layout files. They can merge in either order.

Changes

• app/.../ui/PagerActivity.kt — bottomBarArea reference, bottom inset + IME handling on toolbar_area, unified animateToolBar, search expand hides audio bar.
• app/.../res/layout/quran_page_activity.xml — wrap audio bar + toolbar in a bottom-anchored vertical container.
• feature/audiobar/.../AudioBarWrapper.kt — only apply horizontal insets now (toolbar handles bottom inset).

Related

• Move home screen tabs to a bottom navigation bar #3688 — Move home screen tabs (Surahs / Juz / Bookmarks) to a bottom navigation bar
• Add random ayah navigation option #3686 — Add random ayah navigation option (depends on this PR and Move home screen tabs to a bottom navigation bar #3688)

Test plan

• Open a page in PagerActivity; confirm the menu toolbar appears at the bottom with title/up/search/overflow.
• Tap the page to toggle chrome; confirm the bottom bar slides down to hide and back up to show.
• Start audio playback; confirm the audio bar appears directly above the menu toolbar with no gap/overlap.
• Toolbar and audio bar sit flush at the bottom of the screen (no transparent mushaf strip below the toolbar on gesture-nav devices).
• Expand search; confirm only the search toolbar lifts above the keyboard and the audio bar hides.
• Verify the overflow (3-dot) menu and SearchView work correctly from the bottom position.
• Check gesture-nav and 3-button-nav devices: toolbar clears the navigation bar; no double padding on the audio bar.
• Verify translation mode (spinner in toolbar) and night mode still render correctly.

Test results

./gradlew :app:testMadaniDebugUnitTest -PdisableFirebase

• BUILD SUCCESSFUL (latest run: 2026-06-16)
• Full :app unit test suite passing (0 failures, 0 errors)

Also verified on an Android emulator (API 36, Pixel 6): reading toolbar renders at the bottom with audio bar stacked above it when playback is active; bottom gap fix confirmed (toolbar_area extends to screen bottom).

Made with Cursor