feat(frontend): align related component element and resize boxes messages

This Closes #651 (closed), #659 (closed)

• success message is in long size.
• info messages are in small size.
• warning messages are in small size except "Unreachable".
• error messages are in long size.

Abort ternaire pattern technic inside [ngClass] inside message.component.html component due to awkward bug.