Как переписать Http на HttpClient?
Вообще правильнее всего вынести эти запросы в сервис и импортировать туда HttpClient.import { HttpClient } from '@angular/common/http';
Далее инжектим его в конструктор сервиса:constructor(private http: HttpClient) {}
После делаем нужный метод для запроса (в данном примере пусть возвращает Observable с массивом любых данных):getServices(): Observable<Array<any>> {
    return this.http.get<Array<any>>(`адрес реста`, {headers:{ 'Content-Type':'application/json' , и так далее}});
  }
Объект с хеддерами вообще опциональный и есть несколько вариантов, как их добавлять, но этот подходит по твоему примеру.
Дальше импортишь свой сервис в компонент и инжектишь в конструктор этого компонента:constructor(private service: ИмяСевриса) {}
Дальше в нужном хуке, например в ngOnInit() вызываешь метод и подписываешься:ngOnInit() {
    this.service.getServices().subscribe( next => ну и дальше все, как обычно);
}
1) переименовываем Http в HttpClient (из angular/core, а то иногда с селениума можно импортировать случайно)
2) в корневом модуле импортируем imports: [ HttpClientModule ]
3) убираем все response.json() из всех методов, так как это автоматически делает HttpClient