fix(web): align tool detail layout

[techotaku39]

Summary

Polish the tool detail layout so inline cards and detail dialogs use consistent spacing and alignment across desktop and mobile.

Supersedes #1202, which was temporarily closed for manual validation and could not be reopened after the branch was rebased onto the latest main.

Changes

• Match the gap between completed tool timing metadata and inline details to the dialog layout, including headers with and without subtitles.
• Keep the existing spacing for pending tools, which do not show timing metadata.
• Use the same 16px spacing between inline input and result sections as the detail dialog.
• Keep tool detail dialog titles left-aligned on mobile without changing other dialogs, including image-share previews.
• Optically align the close button with tool detail titles through a per-dialog override.
• Align the generic Tool wrench icon with its label without changing Terminal icons.
• Add regression coverage for single and grouped tool detail dialogs, inline spacing variants, and the generic Tool icon.

Testing

• bun typecheck
• bun run test:cli
• bun run test:web (181 files, 1560 tests)
• bun run test:shared (142 tests)
• bun run build:web
• git diff --check
• Manual verification on desktop and mobile using the port 3016 test deployment

AI disclosure

AI-assisted with OpenAI Codex (GPT-5.6).

[github-actions]

Findings
No issues found in the added/modified lines.

Summary
Review mode: initial
No issues found. Residual risk: UI alignment still depends on visual behavior across compact ToolCard variants that are not screenshot-verified here.

Testing
Not run (automation): bun is not installed in this runner (/bin/bash: bun: command not found).

HAPI Bot