chore: sync ChatScreen, ChatList, and ChatService updates

Author: ThinhKimVo

src/components/ChatScreen.css

@@ -83,6 +83,7 @@
   grid-template-columns: 320px 1fr;
   gap: 0;
   height: calc(100% - 52px);
+  overflow: hidden;
 }
 
 /* Sidebar */
@@ -91,6 +92,8 @@
   background: #f7f9fc;
   display: flex;
   flex-direction: column;
+  height: 100%;
+  overflow: hidden;
 }
 
 .sidebar-header {
@@ -111,6 +114,7 @@
 }
 
 .conversation-list {
+  flex: 1;
   overflow-y: auto;
   padding: 8px;
 }
@@ -200,6 +204,8 @@
   display: flex;
   flex-direction: column;
   min-width: 0;
+  height: 100%;
+  overflow: hidden;
 }
 
 .chat-panel-header {

src/services/chat.ts

@@ -82,8 +82,8 @@ export class ChatService {
         type,
         names,
         unRead,
-        createdAt: Date.now(),
-        updatedAt: Date.now(),
+        createdAt: serverTimestamp(),
+        updatedAt: serverTimestamp(),
         latestMessage: null,
         latestMessageTime: null,
         createdBy: initiatorId,
@@ -193,8 +193,8 @@ export class ChatService {
         doc(this.db, COLLECTIONS.CONVERSATIONS, conversationId),
         {
           latestMessage: { ...messageData, id: messageRef.id },
-          latestMessageTime: Date.now(),
-          updatedAt: Date.now(),
+          latestMessageTime: serverTimestamp(),
+          updatedAt: serverTimestamp(),
         }
       );
 
@@ -298,8 +298,8 @@ export class ChatService {
           name: names[userId] || '',
           members: data.members || [],
           unRead: unreadCounts,
-          updatedAt: data.updatedAt ? new Date(data.updatedAt).valueOf() : Date.now(),
-          joinedAt: data.createdAt ? new Date(data.createdAt).valueOf() : Date.now(),
+          updatedAt: data.updatedAt?.toMillis?.() ?? data.updatedAt ?? Date.now(),
+          joinedAt: data.createdAt?.toMillis?.() ?? data.createdAt ?? Date.now(),
           latestMessage: data.latestMessage || undefined,
         });
       });