Update icon animation logic for upcoming UI changes

Background

In ui#162 we are introducing new toolbar icon images for alerting users about notifications. As part of that, we also want to improve the icon animation itself.

What to change

Update the toolbar icon animation as follows:

• Show each keyframe for 800ms.
• Transition from one keyframe to another in 800ms.
• Continue with next animation loop immediately following previous one.
• Stop animation after three loops.

Hints for testers

• Animations should be shown as usual.
• Critical notifications should use the same icon in the animation as other types of notifications.
• Animation should stop after opening the icon popup.
• Icon number should be hidden during animation and restored after the animation is over. This also applies for tabs that are not in focus or that are switched to/from during the animation.
• Icon number should be restored after the animation is over.
• If blocked counter has increased while the number was hidden, the new number should be shown instead of the old one when restoring it after the animation is over.
• Icon number should correspond to blocked counter for the current tab before and after the animation (i.e. the number for one tab shouldn't be shown on a different tab).