Chat-NG : Adding greatness to Chat Message UI

[kumarpalsinh25]

This PR includes numerous minor but precise corrections to the Chat Message UI, significantly enhancing its overall quality and contributing to a more refined user experience.

While it's difficult to recall and describe every minor change in this PR, I’ve made an effort to highlight them through screenshot comparisons along with descriptive text.

---

I'll walk through each change with: 🔹 Before vs After screenshot 📝 Brief description of the change

---

🧭 System/State Message Alignment: System messages (e.g., "You changed the display name...") are now centered with consistent styling and padding for a cleaner look.

👥 Grouping Consecutive Messages: Messages from the same user are grouped together to reduce redundancy and improve readability.

📏 Consistent Padding Between Message Bubbles and State Events: Previously, padding between grouped user messages and system/state events was inconsistent, leading to a cluttered appearance. This has now been standardized for a cleaner and more structured layout.

🎨 Gradient in Sender Message Bubble: Outgoing messages (in blue) now include a subtle gradient effect, giving a modern and polished appearance.

🙅‍♂️ Removed Redundant Avatars in DM Chats: In one-on-one (DM) conversations, avatars and usernames have been removed from the left side of incoming messages, since the context already makes the sender clear—this reduces clutter and sharpens focus.

⏰ Improved Message Time Text Color: The color of the message timestamp text has been enhanced for better contrast, especially on the blue background of sender message bubbles. This ensures improved readability and accessibility across all message types.

👤 Improved Username and Avatar Display in Group Chats: In group chats, the username is now displayed only on the first message of a consecutive message group, while the user avatar appears on the last message. This reduces visual clutter and makes it easier to follow conversations.

🌈 Consistent and Dynamic Username Colors: Username colors are now dynamically generated based on a consistent logic tied to the username. This ensures that each user always has the same color throughout the chat, improving recognition and readability.

🧩 Enhanced Bubble Padding for Special Messages: The internal padding of message bubbles has been significantly improved, especially for deleted and encrypted messages. This results in a more balanced and visually appealing layout for all message types.

🖼️ Consistent Media Message Bubbles: All media messages—including files, videos, and images—are now presented within a unified chat bubble style, ensuring visual consistency across all message types.

📎 Unified Grouping Logic for Media Messages: File, video, and image messages now follow the same grouping logic as text messages, including avatar and display name management. This means media messages are grouped seamlessly with other messages from the same user, providing a cohesive and organized chat experience.

---

Alongside the changes listed above, this PR includes numerous other minor enhancements to the chat UI that may not be explicitly mentioned here. Additionally, several structural improvements have been made at the code level wherever necessary to support a more maintainable and scalable chat interface.

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 74.64286% with 71 lines in your changes missing coverage. Please review.

Project coverage is 40.85%. Comparing base (5d471a5) to head (245c920). Report is 164 commits behind head on main.

Files with missing lines	Patch %	Lines
...ib/features/chat_ng/widgets/events/chat_event.dart	66.10%	20 Missing :warning:
...res/chat_ng/widgets/events/message_event_item.dart	28.57%	20 Missing :warning:
...atures/chat/widgets/messages/redacted_message.dart	0.00%	8 Missing :warning:
...tures/chat/widgets/messages/encrypted_message.dart	0.00%	7 Missing :warning:
...tures/chat_ng/widgets/events/replied_to_event.dart	0.00%	6 Missing :warning:
...chat_ng/providers/chat_room_messages_provider.dart	68.75%	5 Missing :warning:
...ures/chat_ng/widgets/events/room_update_event.dart	0.00%	3 Missing :warning:
...b/features/chat_ng/widgets/replied_to_preview.dart	0.00%	1 Missing :warning:
...mocks/convo/timeline/mock_timeline_event_item.dart	0.00%	1 Missing :warning:

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #2941      +/-   ##
==========================================
+ Coverage   40.51%   40.85%   +0.33%     
==========================================
  Files         880      880              
  Lines       55081    55145      +64     
==========================================
+ Hits        22316    22527     +211     
+ Misses      32765    32618     -147     

Flag	Coverage Δ
integration-test	49.85% <ø> (-0.08%)	:arrow_down:
unittest	30.05% <74.64%> (+0.52%)	:arrow_up:

Flags with carried forward coverage won't be shown. Click here to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

:rocket: New features to boost your workflow:

• :snowflake: Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

[gnunicorn]

Fixes #2626, #2766

on #2624 I am not sure.

[kumarpalsinh25]

Fixes #2626, #2766

on #2624 I am not sure.

Yes this are fixed along with this PR.