runfix: address misaligned system messages (WPB-9825)

[V-Gira]

WPB-9825 Error message in chat is misaligned

Description

Some css refactored from less to css object were not applied to all relevant components and some system messages are misaligned.

This makes sure the correct css is applied to all element with the class message-body:

• decryption error system messages
• conversation name change message

Screenshots/Screencast (for UI changes)

Before: After:

Checklist

• [x] PR has been self reviewed by the author;
• [x] Hard-to-understand areas of the code have been commented;
• [x] If it is a core feature, unit tests have been added;

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 46.14%. Comparing base (b855815) to head (13c2abd). Report is 1 commits behind head on dev.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## dev #17659 +/- ## ========================================== - Coverage 46.15% 46.14% -0.02% ========================================== Files 760 760 Lines 24987 24987 Branches 5720 5720 ========================================== - Hits 11533 11530 -3 - Misses 12010 12013 +3 Partials 1444 1444 ```

[sonarcloud[bot]]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

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

See analysis details on SonarCloud