TextInput mode=outline label animation was initially offset

### Current behaviour
After the page/screen loads, when the TextInput mode=outline has a value, the label is initially positioned at the right which results in overlapping with the outline, then does a sliding animation to the left.


See video:
https://github.com/user-attachments/assets/202e3c1e-3b1a-4314-900a-83d2f6e47d0f

### Expected behaviour
No sliding animation like in V4.

### How to reproduce?
a simple: ` `

"No Loops", just plain render of multiple ``

I also created a [Snack sample](https://snack.expo.dev/dczmwbv0Sg2ptnF44p4Qo)

### Preview

### What have you tried so far?
the v4 seems fine, but doesn't support MD3.

### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.74.5
| react-native-paper | 5.12.5
| node | 18.20.5
| npm or yarn | npm@10.8.2
| expo sdk | 51.0.28

Bắt đầu từ phần triển khai TextInput và tái hiện trường hợp nhập liệu được mô tả trong Snack được liên kết hoặc bằng value và label được cung cấp. Kiểm tra vị trí ban đầu của label và quá trình chuyển tiếp của nó khi render; hoàn tất khi một TextInput đã được điền với mode="outlined" xuất hiện ở vị trí cuối cùng mà không có hoạt ảnh trượt.

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