fix(#104): Message bubble visual distinction

[Okorie2000-code]

Summary

Fixes #104 — Message bubbles now visually distinguish between the current user and other participants.

Changes

• Alignment: Own messages right-aligned, others left-aligned using full-width flex row wrapper (justify-end/justify-start)
• Colors: Own messages use bg-primary (theme primary color); others use bg-card with a subtle border
• Timestamp: Moved below the bubble (outside the content area) for clear visibility on all messages
• Sender label: "Anonymous" label shown above other users' bubbles

File Changed

• app/chat/page.tsx — message rendering loop

Testing

• Build passes with no TypeScript errors (pnpm build)
• Verified all acceptance criteria from issue Chat Message Bubble UI with Sender Differentiation #104:
  • Current user messages aligned right
  • Other users messages aligned left
  • Different background colors for each
  • Timestamp shown below message closes#104

[Okorie2000-code]

Summary

Fixes #104 — Message bubbles now visually distinguish between the current user and other participants.

Changes

* **Alignment**: Own messages right-aligned, others left-aligned using full-width `flex` row wrapper (`justify-end`/`justify-start`)

* **Colors**: Own messages use `bg-primary` (theme primary color); others use `bg-card` with a subtle border

* **Timestamp**: Moved below the bubble (outside the content area) for clear visibility on all messages

* **Sender label**: "Anonymous" label shown above other users' bubbles

File Changed

* `app/chat/page.tsx` — message rendering loop

Testing

* Build passes with no TypeScript errors (`pnpm build`)

* Verified all acceptance criteria from issue [Chat Message Bubble UI with Sender Differentiation #104](https://github.com/Lumina-eX/AnonChat/issues/104):
  
  * [x]  Current user messages aligned right
  * [x]  Other users messages aligned left
  * [x]  Different background colors for each
  * [x]  Timestamp shown below message