fix: use masquerade everywhere applicable

fixes #400

src/components/common/messaging/Message.tsx

@@ -146,12 +146,12 @@ const Message = observer(
                         {head && (
                             <span className="detail">
                                 <Username
-                                    override={message.masquerade?.name}
-                                    className="author"
                                     user={user}
-                                    onContextMenu={userContext}
-                                    onClick={handleUserClick}
+                                    className="author"
                                     showServerIdentity
+                                    onClick={handleUserClick}
+                                    onContextMenu={userContext}
+                                    masquerade={message.masquerade!}
                                 />
                                 <MessageDetail
                                     message={message}

src/components/common/messaging/attachments/MessageReply.tsx

@@ -182,9 +182,10 @@ export const MessageReply = observer(
                             <>
                                 <div className="user">
                                     <UserShort
-                                        user={message.author}
                                         size={16}
                                         showServerIdentity
+                                        user={message.author}
+                                        masquerade={message.masquerade!}
                                         prefixAt={parent_mentions.includes(
                                             message.author_id,
                                         )}

src/components/common/messaging/bars/ReplyBar.tsx

@@ -9,13 +9,10 @@ import { Text } from "preact-i18n";
 import { StateUpdater, useEffect } from "preact/hooks";
 
 import { internalSubscribe } from "../../../../lib/eventEmitter";
-import { getRenderer } from "../../../../lib/renderer/Singleton";
 
 import { dispatch, getState } from "../../../../redux";
 import { Reply } from "../../../../redux/reducers/queue";
 
-import { useClient } from "../../../../context/revoltjs/RevoltClient";
-
 import IconButton from "../../../ui/IconButton";
 
 import Markdown from "../../../markdown/Markdown";
@@ -133,9 +130,10 @@ export default observer(({ channel, replies, setReplies }: Props) => {
                             <ReplyIcon size={22} />
                             <div class="username">
                                 <UserShort
-                                    user={message.author}
                                     size={16}
                                     showServerIdentity
+                                    user={message.author}
+                                    masquerade={message.masquerade!}
                                 />
                             </div>
                             <div class="message">