fix: Fix info center layout issue

[avasilev-sap]

Issue #3450

Change the logic for calculation the initial height of the info center based on the number of currently populated messages. Initially we set the height to be equal to the number of all messages multiplied by 100 which can lead to the described issue when a lot of messages are populated very fast at the start of the application. Each info center message has max 130px of height when the message contains a lot of text. So first it is better to use 130 instead of 100 px in case there is only one message at the start to avoid cutting the message content and to slightly change the height calculation: instead of all messages we use min(allMessagesCount, 3) * 130 - this will create a container initially which can accommodate at most 3 rows with max height - 130px. If the user is not satisfied with the size the splitter can be used for a manual resize.

Testing done: manually verified

[changeset-bot]

⚠️ No Changeset found

Latest commit: b2348ea

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
100.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[IvoSG]

Easy to understand change
Code looks good
Did not test manually