Restyle Transak: put warning and widget into its own Box

[lukaw3d]

Fixes #1456

Before	After

cc @donouwens

[github-actions]

🦙 MegaLinter status: ✅ SUCCESS

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ EDITORCONFIG	editorconfig-checker	1		0	0.01s
✅ REPOSITORY	checkov	yes		no	20.59s
✅ REPOSITORY	git_diff	yes		no	0.0s
✅ TSX	eslint	1	0	0	4.77s

See detailed report in MegaLinter reports
Set VALIDATE_ALL_CODEBASE: true in mega-linter.yml to validate all sources, not only the diff

MegaLinter is graciously provided by

[codecov]

Codecov Report

Merging #1469 (a72e8aa) into master (b624d0a) will decrease coverage by 0.08%.
The diff coverage is 0.00%.

❗ Current head a72e8aa differs from pull request most recent head 776f4ac. Consider uploading reports for the commit 776f4ac to get more accurate results

@@            Coverage Diff             @@
##           master    #1469      +/-   ##
==========================================
- Coverage   83.10%   83.02%   -0.08%     
==========================================
  Files         154      154              
  Lines        4042     4042              
  Branches      726      726              
==========================================
- Hits         3359     3356       -3     
- Misses        683      686       +3     

Flag	Coverage Δ
cypress	51.11% <0.00%> (ø)
jest	78.04% <0.00%> (-0.10%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
src/app/pages/FiatOnramp/index.tsx	0.00% <0.00%> (ø)

... and 1 file with indirect coverage changes

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	776f4ac
Status:	✅  Deploy successful!
Preview URL:	https://9d2e1061.oasis-wallet.pages.dev
Branch Preview URL:	https://lw-transak-layout.oasis-wallet.pages.dev

View logs