feat: 添加微信消息防撤回功能

src/renderer/src/assets/main.css

@@ -1296,6 +1296,15 @@ body {
   font-size: 12px;
 }
 
+.message-recalled-status {
+  align-self: flex-end;
+  margin-top: 3px;
+  color: #c63c32;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 16px;
+}
+
 .message-hover-time {
   position: absolute;
   top: 50%;

src/renderer/src/components/chat/MessageBubble.tsx

@@ -56,6 +56,11 @@ export function MessageBubble({
           <div className="message-text">{renderWechatEmojiText(message.content)}</div>
         )}
       </div>
+      {message.recalled && (
+        <span className="message-recalled-status" title={message.recalledBy || undefined}>
+          消息已撤回
+        </span>
+      )}
       <span className="message-hover-time">{hoverTime}</span>
       {!isGroupChat && !isMine && contact.m_nsNickName && (
         <span className="message-accessible-sender">{contact.m_nsNickName}</span>