Fix badge counter z-index being above preview banner

[lukaw3d]

Refactored using grommet's badge on a button that doesn't use z-index

Before	After

[github-actions]

🦙 MegaLinter status: ✅ SUCCESS

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ EDITORCONFIG	editorconfig-checker	4		0	0.02s
✅ REPOSITORY	checkov	yes		no	20.22s
✅ REPOSITORY	git_diff	yes		no	0.0s
✅ TSX	eslint	2	0	0	5.27s
✅ TYPESCRIPT	eslint	1	0	0	4.61s

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

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	c362e8f
Status:	✅  Deploy successful!
Preview URL:	https://51fb12b3.oasis-wallet.pages.dev
Branch Preview URL:	https://lw-simplify-badge.oasis-wallet.pages.dev

View logs

[codecov]

Codecov Report

Merging #1448 (c1d124c) into master (e29d708) will increase coverage by 0.13%.
The diff coverage is 100.00%.

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

@@            Coverage Diff             @@
##           master    #1448      +/-   ##
==========================================
+ Coverage   82.85%   82.99%   +0.13%     
==========================================
  Files         154      154              
  Lines        4042     4039       -3     
  Branches      728      726       -2     
==========================================
+ Hits         3349     3352       +3     
+ Misses        693      687       -6     

Flag	Coverage Δ
cypress	50.89% <ø> (-0.02%)	⬇️
jest	78.15% <100.00%> (+0.33%)	⬆️

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

Impacted Files	Coverage Δ
src/styles/theme/ThemeProvider.tsx	100.00% <ø> (ø)
src/styles/theme/elementSizes.ts	100.00% <ø> (ø)
src/app/pages/AccountPage/index.tsx	97.40% <100.00%> (-0.07%)	⬇️

... and 1 file with indirect coverage changes