fix: prevent markup overflow in Chat when replying to messages with long links

[Linhead]

Description

Fixed markup overflow in Chat view when replying to messages containing long URLs on narrow screens.

Added w-100 utility class to the root v-row element in Chat.vue to ensure it takes the full width of its flex container. This allows the inner Container component to properly constrain and handle text overflow, preventing layout breaking when long links are present in replied messages.

Related issue

Closes #891

External links (optional)

N/A

Screenshots or videos (optional)

N/A

Breaking changes

No breaking changes.

How to test

1. Set browser window to a narrow width (e.g., mobile viewport)
2. Send a message with a long URL like: https://docs.google.com/spreadsheets/d/14wgjZOpFastrLq04hb71BgRgsdfgfC1JMPiOlHDMiJfsdfgsd0y0EqyH4I/edit?usp=sharing
3. Reply to that message
4. Verify that the markup doesn't overflow and remains properly contained within the chat area
5. Test with different screen widths to ensure responsive behavior is maintained

Notes for reviewers

• The change is minimal (single class addition) and follows existing patterns in the codebase
• w-100 class is already used in similar view components (Wallets.vue, Votes.vue)
• The fix is specific to the Chat view's flex layout within AppSidebar
• No impact on other views as this is an isolated component change

Checklist

• Code is formatted
• Tests added/updated (if needed) — N/A for UI fix
• Documentation updated (if needed) — N/A
• Changes tested in all relevant environments

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
adamant-im	Ready	Preview	Comment	Oct 7, 2025 3:07pm

[github-actions]

Deployed to https://msg-adamant-pr-892.surge.sh 🚀

[al-onyxprotocol]

✅