Surface - borderBottomWidth positioning issue on iOS

### Current behaviour
The borderBottomWidth property on the Surface component is not positioning the border at the bottom of the surface on iOS devices. Instead, the border appears in the middle of the surface.

### Expected behaviour
The borderBottomWidth property should render a border with a width of 1dp at the bottom of the Surface component, just like it does on Android.

### Preview
This is how it looks in ios :

This is how it looks in android :

### Your Environment

| software | version
| --------------------- | -------
| ios | 17.2.1
| android | 14
| react-native | 0.73.4
| react-native-paper | 5.12.3
| node | 18.17.1
| npm | 9.6.7
| expo sdk | x.x.x

Start at the Surface component and reproduce the borderBottomWidth behavior on iOS using the reported React Native and react-native-paper versions, comparing it with Android. Trace how the Surface renders its bottom border; done means a 1dp border appears at the bottom on iOS as it does on Android.

Written by the indexing model from the issue text.