Notification UI/UX Update

[cschieder]

Design

https://www.figma.com/file/dJQKgUPzIDND36o2Nq8dct/Loodse-UI?node-id=7287%3A76810

Interface Changes

• [ ] new total width of notifications: 400px
• [ ] change side bar to red/green circle style, change error icon to !
• [ ] add counter to bell icon (cap at 99 notifications)

Functionality Changes

• [ ] Introduce a notification cap of 3 - no more than 3 notifications can show at once
• [ ] If possible change timing to be dependent on character amount like 1 character equals every 100 milliseconds(including spaces)
• [ ] don't auto-dismiss a notification if it's being hovered
• [ ] Errors don't only show the code but a human readable short error headline, this headline needs to be added/be available for error messages. Ideally it sums up the error in a few words. If no specific error message is available show a generic Error headline

Proposal/Idea

• [ ] On resource created notifications add send to resource functionality hidden as a hyperlink on the resource
• [ ] Maybe move start of notification line higher? this would be to avoid lower located buttons like on cluster create wizard

covers and closes #4545