fix: change colour of icon + add error badge

[iamacook]

What it solves

Resolves incorrect icon on error state

How this PR fixes it

The icon has been changed to the correct colour (blue) and a new badge added instead for the error state.

How to test it

Cause an errorneous session and observe the new design.

Screenshots

Checklist

• I've tested the branch on mobile 📱
• I've documented how it affects the analytics (if at all) 📊
• I've written a unit/e2e test for it (if applicable) 🧑‍💻

[github-actions]

Branch preview

⏳ Deploying a preview site...

[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}