Make header icon opaque when focus or hovered with notification

[artonge]

This is to align with the other header icons and to prevent the outline to be dimmed when focused.

Needs #1209

Scenario	Before	After	Note
Not focused with notification			same as before. opacity = 1
Focused with notification			opacity kept to 1
Hovered with notification			opacity kept to 1
Not focused without notification			change to opacity = 0.85 to align with contact. Search is 0.6, don't know why.
Focused without notification			same as before
Hovered without notification			same as before

[github-actions]

🐢 Performance warning.
It looks like the query count of the integration tests increased with this PR.
Database query count is now 9599 was 9300 (+3.21%)
Please check your code again. If you added a new test this can be expected and the base value in tests/Integration/base-query-count.txt can be increased.

[github-actions]

🐢 Performance warning.
It looks like the query count of the integration tests increased with this PR.
Database query count is now 9610 was 9300 (+3.33%)
Please check your code again. If you added a new test this can be expected and the base value in tests/Integration/base-query-count.txt can be increased.

[github-actions]

🐢 Performance warning.
It looks like the query count of the integration tests increased with this PR.
Database query count is now 9619 was 9300 (+3.43%)
Please check your code again. If you added a new test this can be expected and the base value in tests/Integration/base-query-count.txt can be increased.

[github-actions]

🐢 Performance warning.
It looks like the query count of the integration tests increased with this PR.
Database query count is now 9613 was 9300 (+3.36%)
Please check your code again. If you added a new test this can be expected and the base value in tests/Integration/base-query-count.txt can be increased.

[nickvergessen]

Also here needs a rebase