Fix transaction preview formatting

[buberdds]

#951

[github-actions]

MegaLinter status: ✅ SUCCESS

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ EDITORCONFIG	editorconfig-checker	4		0	0.01s
✅ GIT	git_diff	yes		no	0.01s
✅ TSX	eslint	3	0	0	5.53s

See errors details in artifact MegaLinter reports on CI Job page
Set VALIDATE_ALL_CODEBASE: true in mega-linter.yml to validate all sources, not only the diff

[codecov]

Codecov Report

Merging #953 (45ea82f) into master (8cc6b02) will not change coverage.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##           master     #953   +/-   ##
=======================================
  Coverage   88.31%   88.31%           
=======================================
  Files          97       97           
  Lines        1678     1678           
  Branches      387      387           
=======================================
  Hits         1482     1482           
  Misses        196      196           

Flag	Coverage Δ
cypress	58.17% <100.00%> (ø)
jest	79.28% <100.00%> (ø)

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

Impacted Files	Coverage Δ
.../app/components/TransactionTypeFormatter/index.tsx	100.00% <ø> (ø)
src/app/components/ResponsiveGridRow/index.tsx	100.00% <100.00%> (ø)