fix: Add owner icon to confirmations

[usame-algan]

What it solves

Resolves #1279

How this PR fixes it

• Displays the owner icon for transactions on the dashboard
• Uses a lighter green for the confirmations background in the dashboard according to the design
• Changes owner icon color in the queue to be consistent with the text color

How to test it

1. Open a safe with a queued transaction
2. Navigate to the dashboard
3. Observe the owner icon next to the number of confirmations
4. Navigate to the Queue
5. The owner icon should have the same color as the text next to it

Screenshots

[github-actions]

Branch preview

✅ Deploy successful!

https://confirmation_icon--webcore.review-web-core.5afe.dev

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

[katspaugh]

Can this be inside the icon itself?

[usame-algan]

I tried but it overrides the other places where we use this icon.

In the queue the icon is either grey or black/green.
In the dashboard its always black/white.

Might be a good idea to make this more consistent but maybe there is a reason the icons + text are not green on the dashboard in dark mode. cc @liliiaorlenko

[katspaugh]

LGTM but tests are failing.

[francovenica]

1 - Now that the background color is a dimmer green, it is lost when you hover the transaction. In the old version even by hovering you could still see the background greend color

Old:

New:

2 - In the design, even in dark mode the background color shoulud be a dim color of green:
Currently implemented:

Design:

[usame-algan]

1 - Now that the background color is a dimmer green, it is lost when you hover the transaction. In the old version even by hovering you could still see the background greend color

I reverted the color changes and suggest we tackle it as a separate task after aligning with design.

[francovenica]

Ok, so only the Owner Icon is being take in account for this ticket, and the icon looks good.
We will check colors in a different ticket then

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