feat: 增加私信未读逻辑

web/src/routes/Main/Content/Personal/SidebarDMItem.tsx

@@ -1,6 +1,7 @@
 import { ChatConverseState, useDMConverseName } from 'tailchat-shared';
 import React from 'react';
 import { SidebarItem } from '../SidebarItem';
+import { useUnread } from 'tailchat-shared/redux/hooks/useUnread';
 
 interface SidebarDMItemProps {
   converse: ChatConverseState;
@@ -9,6 +10,7 @@ export const SidebarDMItem: React.FC<SidebarDMItemProps> = React.memo(
   (props) => {
     const converse = props.converse;
     const name = useDMConverseName(converse);
+    const [hasUnread] = useUnread([converse._id]);
 
     return (
       <SidebarItem
@@ -17,6 +19,7 @@ export const SidebarDMItem: React.FC<SidebarDMItemProps> = React.memo(
         // TODO
         // action={<Icon icon="mdi:close" />}
         to={`/main/personal/converse/${converse._id}`}
+        badge={hasUnread}
       />
     );
   }