make styling closer to the Figma design

Author: uhoreg

res/css/views/messages/_DecryptionFailureBody.pcss

@@ -11,6 +11,18 @@ Please see LICENSE files in the repository root for full details.
     font-style: italic;
 }
 
-.mx_DecryptionFailureVerifiedIdentityChanged {
-    color: red;
+.mx_DecryptionFailureVerifiedIdentityChanged > span {
+    color: $e2e-warning-color;
+    border-radius: $font-16px;
+    border-width: 1px;
+    border-color: $e2e-warning-color;
+    border-style: solid;
+    padding: $font-1px 0.4em $font-1px 0.4em;
+    display: inline-flex;
+    align-items: center;
+
+    .mx_Icon {
+        margin-inline-start: -0.3em;
+        margin-inline-end: 0.2em;
+    }
 }

src/components/views/messages/DecryptionFailureBody.tsx

@@ -14,8 +14,9 @@ import { DecryptionFailureCode } from "matrix-js-sdk/src/crypto-api";
 import { _t } from "../../../languageHandler";
 import { IBodyProps } from "./IBodyProps";
 import { LocalDeviceVerificationStateContext } from "../../../contexts/LocalDeviceVerificationStateContext";
+import { Icon as WarningBadgeIcon } from "../../../../res/img/compound/error-16px.svg";
 
-function getErrorMessage(mxEvent: MatrixEvent, isVerified: boolean | undefined): string {
+function getErrorMessage(mxEvent: MatrixEvent, isVerified: boolean | undefined): string | React.JSX.Element {
     switch (mxEvent.decryptionFailureReason) {
         case DecryptionFailureCode.MEGOLM_KEY_WITHHELD_FOR_UNVERIFIED_DEVICE:
             return _t("timeline|decryption_failure|blocked");
@@ -36,7 +37,12 @@ function getErrorMessage(mxEvent: MatrixEvent, isVerified: boolean | undefined):
             return _t("timeline|decryption_failure|historical_event_user_not_joined");
 
         case DecryptionFailureCode.SENDER_IDENTITY_PREVIOUSLY_VERIFIED:
-            return _t("timeline|decryption_failure|sender_identity_previously_verified");
+            return (
+                <span>
+                    <WarningBadgeIcon className="mx_Icon mx_Icon_16" />
+                    {_t("timeline|decryption_failure|sender_identity_previously_verified")}
+                </span>
+            );
 
         case DecryptionFailureCode.UNSIGNED_SENDER_DEVICE:
             // TODO: event should be hidden instead of showing this error (only