Implement Day-Based Message Grouping in Chat View

[Shruti-1910]

Description:

Currently, messages in the chat interface are displayed in a continuous stream without any visual separation by day. This can make it difficult for users to navigate through older messages or understand the chronological order of conversations over multiple days. Implementing day-wise separation of messages will improve the organization and usability of the chat feature.

Expected Behavior:

• Messages in the chat should be visually separated by day, indicating when each day's conversation begins.
• Each new day should start with a clear visual divider or header showing the date.
• Messages within the same day should remain grouped and ordered chronologically.

Acceptance Criteria:

1. User Interface:

• Messages should be grouped and displayed with a clear visual separator or header indicating the date (e.g., "Today", "Yesterday", specific date).
• The date header should be displayed at the beginning of each new day's messages and styled to stand out from the message content.

2. Functionality:

• Implement logic to group messages by day based on their timestamps.
• Ensure that messages are correctly sorted and displayed within each day's group.