message: fix(app): fix error in send protocol to catch block
  this fixes the catch block of createProtocolAsync to protect against accessing properties of
  undefined in an error message.
diff: @@ -89,14 +89,20 @@ export function SendProtocolToOT3Slideout(
  })
  onCloseClick()
  })
  - .catch((error: AxiosError) => {
  + .catch(
  + (
  + error: AxiosError<{
  + errors: Array<{ id: string; detail: string; title: string }>
  + }>
  + ) => {
  eatToast(toastId)
  - const { id, detail, title } = error?.response?.data.errors[0]
  - if (id === 'ProtocolFilesInvalid') {
  + const [errorDetail] = error?.response?.data?.errors ?? []
  + const { id, detail, title } = errorDetail ?? {}
  + if (id != null && detail != null && title != null) {
  makeToast(detail, ERROR_TOAST, {
  closeButton: true,
  disableTimeout: true,
  - heading: `${protocolDisplayName} ${title} on ${
  + heading: `${protocolDisplayName} ${title} - ${
  selectedRobot?.name ?? ''
  }`,
  })
  @@ -108,7 +114,8 @@ export function SendProtocolToOT3Slideout(
  })
  }
  onCloseClick()
  - })
  + }
  + )
  }
  return (
  