fix: move outline outside of input view container

[lukewalczak]

Fixes: #2935

Summary

PR moves the outline outside of TextInput, so then it's not affected by input's padding.

ios	android	web

Test plan

1. To one of TextInput example with mode="outlined" add to styles some paddingRight or use the following snippet:

      <TextInput
        label="Email"
        placeholder="Email"
        value={text}
        multiline={false}
        mode="outlined"
        onChangeText={(text) => setText(text)}
        style={{ backgroundColor: 'aquamarine', paddingRight: 120 }}
      />

2. Type some text
3. Expect padding is adjusted properly

[callstack-bot]

Hey @lukewalczak, thank you for your pull request 🤗. The documentation from this branch can be viewed here.

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.

[github-actions]

The mobile version of example app from this branch is ready! You can see it here

.