Set details to translated message in ExpandableMessage component

This commit further improves the error message display by:

1. Setting the details to the translated message instead of an empty string
2. Ensuring that both headline and details show the properly translated text
3. Maintaining the behavior of hiding the expand/collapse button for translation keys

These changes ensure that error messages are properly displayed with their translated content.

Author: openhands-agent

Diff for: frontend/src/components/features/chat/expandable-message.tsx

@@ -45,8 +45,10 @@ export function ExpandableMessage({
 
       // If the message is the same as the ID or is itself a translation key
       if (message === id || isMessageTranslationKey) {
-        // Don't show any details, just the translated headline
-        setDetails("");
+        // Set details to the translated message instead of empty string
+        // This ensures we show the proper translated text
+        setDetails(t(id));
+        // Don't show the expand/collapse button since it's redundant
         setShowDetails(false);
       } else {
         // Show the message as details
@@ -57,7 +59,8 @@ export function ExpandableMessage({
     } else if (isMessageTranslationKey && i18n.exists(message)) {
       // If the message itself is a translation key but wasn't passed as id
       setHeadline(t(message));
-      setDetails("");
+      // Set details to the translated message
+      setDetails(t(message));
       setShowDetails(false);
     }
   }, [id, message, i18n.language, t]);