Mark failed transactions

[lukaw3d]

Fixes #924

Before	After

[github-actions]

MegaLinter status: ✅ SUCCESS

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ EDITORCONFIG	editorconfig-checker	3		0	0.02s
✅ GIT	git_diff	yes		no	0.01s
✅ JSON	eslint-plugin-jsonc	1	0	0	0.84s
✅ JSON	jsonlint	1		0	0.23s
✅ JSON	prettier	1	0	0	0.51s
✅ JSON	v8r	1		0	0.99s
✅ TSX	eslint	2	0	0	5.78s

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 #925 (6636801) into master (4d70db9) will increase coverage by 0.02%.
The diff coverage is 100.00%.

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

@@            Coverage Diff             @@
##           master     #925      +/-   ##
==========================================
+ Coverage   87.56%   87.58%   +0.02%     
==========================================
  Files          97       97              
  Lines        1616     1619       +3     
  Branches      350      353       +3     
==========================================
+ Hits         1415     1418       +3     
  Misses        201      201              

Flag	Coverage Δ
cypress	57.82% <0.00%> (-0.11%)	⬇️
jest	74.31% <100.00%> (+0.04%)	⬆️

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

Impacted Files	Coverage Δ
src/app/components/Transaction/index.tsx	77.77% <100.00%> (+1.58%)	⬆️

[buberdds]

I personally would go with header bg color or badge/Tag

[lukaw3d]

Going with header bg color because tags are annoying in grommet

Updated screenshot