Add UI components for ElevenLabs API key configuration and voice selection in the Speech settings, following the existing Azure voice pattern.

Acceptance Criteria

• Add API key input field in Speech settings with secure input masking
• Add "Connect to ElevenLabs" button with connection status indicator
• Display ElevenLabs voices in voice selection with "ElevenLabs" badges
• Add validation for API key format and permissions
• Show connection status, error messages, and usage indicators
• Add contextual help text and links to ElevenLabs documentation
• Add voice preview functionality for ElevenLabs voices

Technical Implementation Notes

// Add to Speech.component.js
<ListItem divider>
  <ListItemText
    primary={<FormattedMessage {...messages.elevenLabsApiKey} />}
    secondary={<FormattedMessage {...messages.elevenLabsApiKeyDescription} />}
  />
  <TextField
    type="password"
    value={elevenLabsApiKey}
    onChange={handleElevenLabsApiKeyChange}
    placeholder="sk-..."
  />
  <IconButton onClick={testElevenLabsConnection}>
    <CloudIcon color={elevenLabsConnected ? "primary" : "disabled"} />
  </IconButton>
</ListItem>

Files to Modify

• src/components/Settings/Speech/Speech.component.js
• src/components/Settings/Speech/Speech.messages.js
• src/components/Settings/Speech/Speech.container.js