No Visual Distinction Between Sent and Received Messages

### Your use case

The current message bubble design does not provide a clear visual distinction between sent messages (current user) and received messages (other users). Both message types are displayed using the same background color.

**Current Behavior (Problem):**
Sent messages (user's own messages) and received messages (from other users) appear identical in terms of bubble color.
This makes it difficult to quickly scan the chat history and identify which messages were sent by the user.

**Expected Behavior:**
The UI should follow the common messaging app pattern (similar to WhatsApp, Telegram, Signal, etc.):
Sent messages (me): One color (e.g., green, blue, or brand accent color).
Received messages (others): A different, contrasting color (e.g., gray, white, or light neutral color).

**Benefit of Change:**
Improves chat readability and scannability.
Provides instant visual orientation in the conversation flow.
Matches user expectations set by virtually all modern messaging applications.

### Have you considered any alternatives?

-

### Additional context

-

### Are you willing to provide a PR?

Yes