Fix mention CSS for display names containing < >

src/gui/Pages/Chat/Timeline/EventContent.qml

@@ -20,9 +20,8 @@ HRowLayout {
             if (! link.match(/^https?:\/\/matrix.to\/#\/@.+/)) continue
 
             lines.push(
-                `.mention[data-mention='${name}'] { color: ` +
-                utils.nameColor(name) +
-                "}"
+                `.mention[data-mention='${utils.escapeHtml(name)}'] ` +
+                `{ color: ${utils.nameColor(name)} }`
             )
         }
 
@@ -48,6 +47,8 @@ HRowLayout {
     readonly property string hoveredLink: contentLabel.hoveredLink
     readonly property bool hoveredSelectable: contentHover.hovered
 
+    readonly property alias contentLabel: contentLabel
+
     readonly property int xOffset:
         onRight ?
         Math.min(