fix: Improve Search input layout and placeholder

[Fefedu973]

Render the search placeholder as a separate Text so it can ellipsize and be vertically centered, and wrap the TextInput in a flexible container to prevent layout overflow. Import Text from react-native, move font/color styles into the TextInput, force single-line input (multiline=false, numberOfLines=1), and adjust sizing (flexShrink, width/minWidth) and padding to ensure consistent appearance across platforms (Android/iOS).

Règles de contribution

Caution

Afin de garantir une application stable et pérenne dans le temps, nous t'invitons à vérifier que tu as bien respecté les règles de contribution. Sans cela, ta Pull Request ne pourra pas être examinée.

• Cette Pull Request porte sur une seule fonctionnalité ou un seul correctif.
• Cette Pull Request n'est pas faite essentiellement avec de l'IA.
• Pour tout changement majeur, j’ai créé une issue afin d’échanger avec les mainteneurs de Papillon sur la meilleure façon de l’intégrer.
• Ma Pull Request respecte les conventions Conventional Commits et Conventional Branch ainsi que les conventions de codage de l'application.
• J’ai testé mes modifications sur iOS et Android, et l’application fonctionne correctement.
• J’emploie un langage informel, clair et concis dans mes messages.
• J’ai documenté mes changements de manière appropriée, soit dans la description de la Pull Request, soit dans le GitBook.
• J’ai ajouté les traductions nécessaires dans au moins un fichier de langue.

[ecnivtwelve]

Pourquoi ?

[Fefedu973]

Pourquoi ?

Dans certaines langues, le texte wrap sur la ligne et donc le texte est pas centré dans le champ de recherche, c'est pour obliger à rester sur une ligne et ellipsis au cas où ça dépasse

[Fefedu973]

[ecnivtwelve]

C'est un peu over-engineeré pour ce que c'est je trouve, y'a possiblement moyen de juste rendre la TextInput ellipsis

[Fefedu973]

J'ai cherché et j'ai pas trouvé le moyen de faire en sorte que le placeholder soit tronqué...