Should refactor the codebase and replace the native `SafeAreaView` with `react-native-safe-area-context's component

[emadbaqeri]

Currently, for handling the view on the iOS phones and phones with notches we are using the native SafeAreaView component in a naive way which we should remove it and apply some best practices of using the react-native-safe-area-context library on the project.

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.