FE: Update Staff Phone number to work with new fields

[laflannery]

Background

In #17860 the Phone number field was updated to use the Phone paragraph type field (instead of the Telephone number field that it previously was). This means the FE query needs to be updated to pull the data properly from these new fields and then display on the FE.

Description

The Phone paragraph type has more fields than what we previously had so there are more conditions to account for:

• Type:
  • Phone: standard component, no additional props
  • Fax: the not-clickable prop in the component should be used
  • SMS: the sms prop in the component should be used
  • TTY: the tty prop should in the component be used
• Phone number: This is the info that would go into the contact prop of the component
• Extension number: This is the info that would go into the ext prop of the component
• Label:
  • I need to deal with this

This update should be done on both Staff listing and Staff detail pages

Acceptance Criteria

• [ ] If type Fax is selected, number is not clickable
• [ ] If type SMS is selected, number uses the sms prop
• [ ] If type TTY is selected, number shows "TTY"
• [ ] Exts are displayed and parsed correctly
• [ ] Labels do something
• [ ] Requires accessibility review

[davidmpickett]

Hey team! Please add your planning poker estimate with Zenhub @randimays @chriskim2311 @eselkin

[Agile6MSkinner]

Please add your planning poker estimate with Zenhub @jv-agile6