(DEV-4203) Fixes Prayer View on Small Phones

[redreceipt]

DESCRIPTION

What does this PR do, or why is it needed?

Simply wraps the bottom section of the prayer menu in a scroll view.

How do I test this PR?

Bring up the app on an iPhone 6s.

TODO

• I am affirming this is my best work (Ecclesiastes 9:10)
• PR has a relevant title that will be understandable in a public changelog (ie...non developers)
• No new warnings in tests, in storybook, and in-app
• Upload GIF(s) of iOS and Android if applicable
• Set a relevant reviewer

REVIEW

• Review updates to test coverage and snapshots
• Review code through the lens of being concise, simple, and well-documented

Manual QA

• Manual QA on iOS and ensure it looks/behaves as expected
• Manual QA on Android and ensure it looks/behaves as expected

---

The purpose of PR Review is to improve the quality of the software.

[redreceipt]

this may cause problems but for the life of me I can't figure out why it was here...

[codecov-io]

Codecov Report

❗ No coverage uploaded for pull request base (develop@521b140). Click here to learn what that means.
The diff coverage is 50%.

@@            Coverage Diff            @@
##             develop    #394   +/-   ##
=========================================
  Coverage           ?   45.2%           
=========================================
  Files              ?     172           
  Lines              ?    1670           
  Branches           ?     183           
=========================================
  Hits               ?     755           
  Misses             ?     803           
  Partials           ?     112

Impacted Files	Coverage Δ
...wspringchurchapp/src/prayer/PrayerTabView/index.js	15.38% <0%> (ø)
...ckages/newspringchurchapp/src/prayer/PrayerMenu.js	80% <66.66%> (ø)

[richarddubay]

This is so much better. I don't mind the extra green space on the larger screens. Question: is it possible to scroll the whole thing and not just the bottom section? I expected the whole thing to move when I scrolled and not just the bottom part.

Admittedly, it doesn't have to scroll far, so it's not a giant deal on the iPhone 6s.

Also, I hope no one is trying to use our app on the iPhone SE (or 5s) but it does get a little wonky just scrolling the bottom half there:

[redreceipt]

This is so much better. I don't mind the extra green space on the larger screens. Question: is it possible to scroll the whole thing and not just the bottom section? I expected the whole thing to move when I scrolled and not just the bottom part.

Admittedly, it doesn't have to scroll far, so it's not a giant deal on the iPhone 6s.

Also, I hope no one is trying to use our app on the iPhone SE (or 5s) but it does get a little wonky just scrolling the bottom half there:

may want to break that out into another PR, that is more complicated because the background color of that section is white

[richarddubay]

I'd like to come back to this at some point and see what we can do to make it better, but I think this solves the problem for now. Good work @redreceipt !