[UX] Tool-call status badge overlaps description on mobile

## Issue Description

In active chats on mobile-width viewports, tool-call status badges such as **Completed** overlap the tool description. The overlapping text makes tool execution details difficult or impossible to read.

## Steps to Reproduce

1. Open Azure SRE Agent on a mobile device or resize the viewport to approximately 390 x 844 CSS pixels.
2. Open a chat containing one or more completed tool calls.
3. View a tool-call row with a status badge and a non-trivial description.

## Actual Behavior

The status badge is rendered over the tool description, obscuring its text.

## Expected Behavior

The status and description should reflow without overlap at supported widths. The description should wrap, or truncate with an accessible way to reveal the full value, while the status remains readable.

## Impact

Users cannot reliably understand which tool ran or what action completed, reducing transparency and debuggability of agent activity.

Start by reproducing the tool-call row at approximately 390 x 844 CSS pixels and locate the component that renders the status badge and description. Done means the status and description reflow without overlap, with the description wrapping or offering an accessible way to reveal its full value while the status remains readable.

Written by the indexing model from the issue text.