Update PhoneInputDialog UI/UX: tabs, quick dial dropdown, footer dial button

[Copilot]

Replaces the temporary POC-era PhoneInputDialog with a redesigned popover matching the approved design: conditional tabs, a quick dial dropdown, full-width manual entry, a footer-anchored primary Dial button, and auto-close on connect.

Changes

PhoneInputDialog.tsx

• Conditional StyledTabs: Quick Dial / Enter Number tabs render only when both quickDialOptions (≥1) and enableManualDial are configured; otherwise the single available mode renders tab-free
• Quick dial dropdown: <select> pre-populated from config, defaults to first option, formatted as number | label
• Dial button: changed from secondary-large to PrimaryButton with buttonSize="small", moved to footer (right-aligned)
• Dial button disabled: inactive until input is non-empty in Enter Number mode
• Full-width input: 100% of content area width
• Help text: moved below input field, color #606B85, text "Example: +1 123-456-7890"
• Removed <DialogArrow /> (triangular pointer)

styles.ts

• Removed DialogArrow and Flex import
• Added: PhoneDialogContent, PhoneDialogFooter, PhoneNumberInput, QuickDialSelect, HelpText

hrmConfig.ts

• Exported QuickDialOption type ({ number, label })
• Reads conferencing_quick_dial_options (array, default []) and conferencing_enable_manual_dial (boolean, default true) from service configuration attributes

ConferencePanel.tsx

• Passes quickDialOptions and enableManualDial to PhoneInputDialog
• Closes dialog when callStatus === 'in-progress'

Translations

• Added keys Conference-QuickDialTab, Conference-EnterNumberTab, Conference-PhoneNumberExample, Conference-QuickDialSelectLabel to all 6 translation files (en, en-CA, en-GB, es, fr, th)

Verification steps

1. Configure conferencing_quick_dial_options in service config attributes (e.g. [{"number": "988", "label": "Suicide and Crisis Lifeline"}]) and conferencing_enable_manual_dial: true — verify both tabs appear and the quick dial dropdown pre-selects the first entry; Dial button active immediately
2. Set conferencing_enable_manual_dial: false — verify only Quick Dial renders with no tabs
3. Set conferencing_quick_dial_options: [] — verify only Enter Number renders with no tabs; Dial button disabled until input is non-empty
4. Dial a number — verify popover closes once the call reaches in-progress

Checklist

• Corresponding issue has been opened
• New tests added
• Feature flags added
• Strings are localized
• Tested for chat contacts
• Tested for call contacts

Other Related Issues

None

AFTER YOU MERGE

1. Cut a release tag using the Github workflow. Wait for it to complete and notify in the #aselo-deploys Slack channel.
2. Comment on the ticket with the release tag version AND any additional instructions required to configure an environment to test the changes.
3. Only then move the ticket into the QA column in JIRA

You are responsible for ensuring the above steps are completed. If you move a ticket into QA without advising what version to test, the QA team will assume the latest tag has the changes. If it does not, the following confusion is on you! :-P

• Fixes Update the PhoneInputDialog UI/UX #4629