FEATURE - Info Center for different type of messages

[IvoSG]

As a developerwhen use the Adaptation EditorI want to be able to see all relevant information, warnings and errors in a specific section in the bottom right corner of the editor so that I can have every message relevant for me consolidated in one place

Description

@sap-ux/control-property-editor The whole InfoCenter box should be placed in the right panel, below the properties` box, snapped to the bottom and and if needed, may take up to 50 % from the bottom of the page- i.e. the box should 'rise' with every new message inside of it up to these 50 %. If the messages are too many to fit in the available space, a scrollbar should appear and the developer should be able to scroll them down or up.

The InfoCenter should have draggable divider on its top that would be able to change its size.

The title of the whole box should be "Info Center" (in the example it says "messages). This box with its title should become visible only when there is a message inside of it and not visible otherwise.

Newer messages should show on the top of the messages list.

Three types of messages are needed:

Information - blue info icon - Closable with an X button in the top right corner of the respective message box

Warning - yellow warning icon - Closable

Error - red error icon - Non closable

There should be a Close All button on the top right corner of the Info Center box that should close all infos but not the ones that are errors.

A 'message' should have a title and a description, shown with different font faces and be separated from each other with lines, as shown in the example image

Technical Design

What modules need to be created or enhanced?
How would the functionality be exposed and how can it be consumed?

Acceptance Criteria

GivenWhenThen format (https://martinfowler.com/bliki/GivenWhenThen.html)

Given I have a ...
when I execute ...
then ... will happen.

Notes

Tasks

• Unit Tests added
• Test Cases defined