SPIKE: Use react-native-safe-area-context instead of SafeAreaView from react-native

By default, React Navigation tries to ensure that the elements of the navigators display correctly on devices with notches (e.g. iPhone X) and UI elements which may overlap the app content.