Improve pills (#6398)

src/utils/pillify.tsx

@@ -21,7 +21,7 @@ import { MatrixEvent } from "matrix-js-sdk/src/models/event";
 
 import { MatrixClientPeg } from '../MatrixClientPeg';
 import SettingsStore from "../settings/SettingsStore";
-import Pill from "../components/views/elements/Pill";
+import Pill, { PillType } from "../components/views/elements/Pill";
 import { parsePermalink } from "./permalinks/Permalinks";
 
 /**
@@ -113,7 +113,7 @@ export function pillifyLinks(nodes: ArrayLike<Element>, mxEvent: MatrixEvent, pi
 
                         const pillContainer = document.createElement('span');
                         const pill = <Pill
-                            type={Pill.TYPE_AT_ROOM_MENTION}
+                            type={PillType.AtRoomMention}
                             inMessage={true}
                             room={room}
                             shouldShowPillAvatar={shouldShowPillAvatar}