SearchBar has phantom clickable invisible trailing area (right side), without anyway to disable

### Current behaviour

The SearchBar component has a clickable invisible area on the right side of the input


### Expected behaviour

The SearchBar should not have any clickable areas that are invisible on the right side of the input. Ideally, it should look something like this when the search bar is empty


### How to reproduce?

It looks like the issue is isolated to the component itself. This is what the component might look like:
```
setSearch(prev)}
value={search}
clearIcon={undefined}
onIconPress={undefined}
onTraileringIconPress={undefined}
traileringIcon={undefined}
onClearIconPress={undefined}
onPress={undefined}
/>
```

### What have you tried so far?

As seen in above, I have tried to set all the known relevant properties to `undefined`, thinking that maybe it was a configuration issue. But the issue still seems to persist despite setting all these properties to `undefined`.

### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.74.5
| react-native-paper | 5.12.5
| expo sdk | 51.0.39

Bắt đầu bằng cách tái hiện vấn đề với ví dụ Searchbar được cung cấp và xác định phần triển khai của component SearchBar cùng các bài kiểm thử liên quan. Theo dõi cách vùng trailing được render khi traileringIcon, onTraileringIconPress, clearIcon và các handler khác không được định nghĩa; hoàn thành khi thanh trống không có vùng có thể nhấp vô hình ở phía bên phải.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.