fix(snaps): Keep focus on input if interface re-renders

[GuillaumeRx]

Description

This PR adds a reference to the currently focused input in a snap interface and set the focus back to the last focused input if the interface re-renders.

This fixes a problem where it will loose input focus and set it to the last input of the interface if an interface was re-rendered.

Related issues

Fixes: #27424

Manual testing steps

1. Go to test-snaps
2. Use the send flow example snap
3. Try typing something in the "To address" field
4. The focus should stay on your input.

Screenshots/Recordings

Before

2024-09-26-17-30-23.mp4

After

2024-09-26-17-27-26.mp4

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[sonarcloud]

Quality Gate failed

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarCloud

[metamaskbot]

Builds ready [d667658]

• builds: chrome, firefox
• builds (beta): chrome
• builds (flask): chrome, firefox
• builds (MMI): chrome, firefox
• builds (test): chrome, firefox
• builds (test-flask): chrome, firefox
• build viz: Build System
• mv3: Background Module Init Stats
• mv3: UI Init Stats
• mv3: Module Load Stats
• mv3: Bundle Size Stats
• mv2: E2e Actions Stats
• code coverage: Report
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts
• bundle viz:

  • background: 0, 1, 2, 3, 4, 5, 6
  • common: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9
  • content-script: 0
  • offscreen: 0
  • ui: 0, 1, 10, 11, 2, 3, 4, 5, 6, 7, 8, 9

Page Load Metrics (1669 ± 80 ms)

Platform	Page	Metric	Min (ms)	Max (ms)	Average (ms)	StandardDeviation (ms)	MarginOfError (ms)
Chrome	Home	firstPaint	1506	2313	1671	161	77
		domContentLoaded	1498	2196	1645	141	68
		load	1506	2336	1669	167	80
		domInteractive	17	183	50	36	17

Bundle size diffs

• background: 0 Bytes (0.00%)
• ui: 249 Bytes (0.00%)
• common: 0 Bytes (0.00%)

[FrederikBolding]

Awesome 🔥