TextInput loses focus inside Banner on iOS only

### Current behaviour
TextInput loses focus every type a character is entered and keyboard is dismissed. This happens only on iOS real device.
On android real device it works as expected.

### Expected behaviour
TextInput inside Banner shouldn't lose focus and keyboard should be visible.

### How to reproduce?
Create a TextInput component inside a Banner component
[Snack Expo Code ](https://snack.expo.dev/@sudarsangp/09b36b)

### Preview
[Demo of bug](https://github.com/callstack/react-native-paper/assets/2398969/91128bf7-561f-47f2-b5f4-cebe008fd4e9)

### What have you tried so far?

1. I setup the repo locally and modified `BannerExample` to reproduce the issue.
2. I commented the different parts in `Banner` source code
3. I noticed the `Surface` is rendered differently on iOS so commented different parts of source code

Unable to figure out, so I am not sure how to proceed.

### Your Environment

| software | version
| --------------------- | -------
| ios | 15.7.9
| react-native | 0.72.4
| react-native-paper | 5.10.1
| node | 18.17.0
| npm | 9.8.1
| expo sdk | 49.0.5

Start with the BannerExample reproduction and the Banner source, then compare the Surface rendering on iOS with Android using the linked Snack. Reproduce the issue on an iOS device and confirm that typing in a TextInput inside Banner keeps focus and leaves the keyboard visible.

Written by the indexing model from the issue text.