Fix: render mobile pairing correctly

[katspaugh]

What it solves

Resolves #2711

How this PR fixes it

The mobile pairing modal was rendered in a completely separate React root which caused a lot of issues.

[github-actions]

Branch preview

✅ Deploy successful!

https://fix_pairing--walletweb.review-wallet-web.5afe.dev

[github-actions]

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type	Occurrences	Fixable
Errors	0	0
Warnings	0	0
Ignored	0	N/A

• Result: ✅ success
• Annotations: 0 total

---

^{Report generated by eslint-plus-action}

[github-actions]

Coverage report

St.❔	Category	Percentage	Covered / Total
🟡	Statements	75.16% (-0.11% 🔻)	9448/12571
🔴	Branches	49.38% (-0.09% 🔻)	1925/3898
🔴	Functions	57.88% (-0.31% 🔻)	1421/2455
🟡	Lines	76.83% (-0.07% 🔻)	8555/11135

Show new covered files 🐣

St.❔	File	Statements	Branches	Functions	Lines
🔴	... / QRModal.tsx	46.15%	0%	0%	57.14%
🔴	... / PairingQRCode.tsx	43.48%	0%	0%	45.45%
🟢	... / index.tsx	75%	0%	0%	85.71%
🟢	... / PairingDescription.tsx	85.71%	100%	0%	100%
🟡	... / index.tsx	60%	50%	33.33%	66.67%
🟢	... / PairingDeprecationWarning.tsx	75%	100%	0%	100%

Test suite run success

1044 tests passing in 142 suites.

Report generated by 🧪jest coverage report action from bdb29b6

[usame-algan]

🚀

[liliya-soroka]

Verified