fix(llm): 🐛 focus the memo tag input after clicking "Add Tag" (#8627)

* fix(llm): focus the memo tag input after clicking "Add Tag"

* fix(llm): do not lose the input focus randomly

* fix(llm): focus on the Stellar memo input too

.changeset/smart-olives-learn.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+Focus on the memo tag input when clicking the drawers "Add Tag" button

apps/ledger-live-mobile/src/families/stellar/MemoTagInput.tsx

@@ -10,7 +10,7 @@ import { AnimatedInputSelect } from "@ledgerhq/native-ui";
 import type { MemoTagInputProps } from "LLM/features/MemoTag/types";
 import { MemoTypeDrawer, MEMO_TYPES } from "./MemoTypeDrawer";
 
-export default ({ onChange }: MemoTagInputProps<StellarTransaction>) => {
+export default ({ onChange, ...inputProps }: MemoTagInputProps<StellarTransaction>) => {
   const { t } = useTranslation();
 
   const [memoType, setMemoType] = useState<MemoType>("NO_MEMO");
@@ -43,6 +43,7 @@ export default ({ onChange }: MemoTagInputProps<StellarTransaction>) => {
   return (
     <>
       <AnimatedInputSelect
+        {...inputProps}
         placeholder={t("send.summary.memo.value")}
         value={memoValue}
         onChange={handleChangeValue}

apps/ledger-live-mobile/src/screens/SendFunds/02-SelectRecipient.tsx

@@ -321,6 +321,7 @@ export default function SendSelectRecipient({ navigation, route }: Props) {
                 <memoTag.Input
                   testID="memo-tag-input"
                   placeholder={t("send.summary.memo.title")}
+                  autoFocus={memoTagDrawerState !== MemoTagDrawerState.INITIAL}
                   onChange={memoTag.handleChange}
                 />
                 <Text mt={4} pl={2} color="alert">