fix: improve mobile touch event handling for Roo Cloud interaction

[roomote]

Summary

This PR fixes the issue where users cannot select answers or send messages when using Roo Cloud on mobile devices (both the app and browsers like Safari/Chrome).

Problem

Users reported being unable to:

• Select answers from follow-up questions
• Send messages via the input field
• Click on any interactive buttons

This was affecting all Roo Cloud mobile users.

Solution

Added proper touch event handling to all interactive UI components:

Changes Made:

1. Button Component (webview-ui/src/components/ui/button.tsx)

   • Added touch-manipulation CSS class for better mobile responsiveness

2. FollowUpSuggest Component (webview-ui/src/components/chat/FollowUpSuggest.tsx)

   • Added onTouchEnd handlers to prevent ghost clicks on mobile
   • Ensured clipboard copy button is accessible on touch devices
   • Added proper accessibility attributes (role="button", tabIndex={0})

3. ChatTextArea Component (webview-ui/src/components/chat/ChatTextArea.tsx)

   • Added touch event handlers to all interactive buttons (send, image, enhance, cancel, stop TTS)
   • Prevented default touch behavior to avoid conflicts with click events

Testing

• ✅ All existing tests pass
• ✅ Linting passes
• ✅ Type checking passes

Related Issue

Fixes #8720

Checklist

• Code follows the project's style guidelines
• Self-review completed
• Tests pass locally
• No new warnings introduced
• Changes are backward compatible

---

Important

Improves mobile touch event handling in Roo Cloud by adding touch event handlers and updating CSS for better responsiveness.

• Behavior:
  • Fixes touch event handling for mobile in ChatTextArea.tsx, FollowUpSuggest.tsx, and button.tsx.
  • Adds onTouchEnd handlers to prevent ghost clicks and ensure proper interaction.
  • Adds touch-manipulation CSS class for better mobile responsiveness.
• Components:
  • ChatTextArea.tsx: Adds touch event handlers to buttons (send, image, enhance, cancel, stop TTS) and prevents default touch behavior.
  • FollowUpSuggest.tsx: Adds onTouchEnd handlers to buttons and ensures accessibility attributes are set.
  • button.tsx: Updates button styles to include touch-manipulation class.
• Misc:
  • Fixes [BUG] Can’t select answers or send messages in Roo Cloud tasks #8720 related to mobile interaction issues.

^{This description was created by for 6b4d64a. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Code Review Summary

I've reviewed the pull request and identified the following issue that should be addressed:

• Keyboard accessibility issue in FollowUpSuggest.tsx: The clipboard copy button is made keyboard-focusable with role="button" and tabIndex={0}, but lacks keyboard event handlers (onKeyDown/onKeyPress) to handle Enter/Space key activation. This creates a keyboard trap where users can focus the element but cannot activate it.

[roomote]

Adding role="button" and tabIndex={0} makes this element keyboard-focusable, but without keyboard event handlers (onKeyDown/onKeyPress for Enter/Space keys), keyboard users can focus it but cannot activate it. This creates a keyboard accessibility issue. Add keyboard handlers that mirror the onClick/onTouchEnd behavior.