message: replace 'Not Supported' with the service type when displaying unsupported accessories
diff: <div class="d-flex flex-column h-100">
  <div [inlineSVG]="'/assets/hap-icons/unknown.svg'" aria-label="Switch" class="accessory-svg"></div>
  <div class="accessory-label mt-auto">{{ service.customName || service.serviceName }}</div>
  - <div class="accessory-label grey-text">{{ 'accessories.control.not_supported' | translate }}</div>
  + <div class="accessory-label grey-text">{{ service.humanType }}</div>
  </div>
  </div>
  \ No newline at end of file
  