Alex10214

const index = arr.findIndex(n => n.id === newObj.id);
if (index !== -1) {
  arr[index] = newObj;
} else {
  arr.push(newObj);
}

или, если надо обновить существующий объект, а не заменить его:

const obj = arr.find(n => n.id === newObj.id);
if (obj) {
  Object.assign(obj, newObj);
} else {
  arr.push(newObj);
}

addressIcon: new FormControl('', [Validators.required, Validators.pattern('https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)') ]),

1. https://jsonplaceholder.typicode.com/
2. https://reqres.in/

заимпортируй этот модуль в свой модуль приложения AppModule, или если это и есть корневой модуль, то забутстрапь, короче нужно его заиспользовать где-то в проекте, тогда к нему применятся конфиги от проекта

Никак. Асинхронность. Данные, которые вы пытаетесь отрендерить, ещё недоступны. Всё, что вы можете — это проверять, загрузились ли данные, и если ещё не загрузились — не пытаться к ним обратиться. Рендерить крутилку.

вы же понимаете что разница в типе данных 59.95 и "59.95". В первом случае у вас число во втором строка. Вы собираетесь изменить тип данных. при создании данного объекта вы должны преобразовать данные к тому типу что вам нужен и затем уже прокинуть в компонент (это будет наверно правильнее всего). Другой способ это из текущего объекта создать новый в котором будет преобразован тип (тоже выход но не такой красивый).

const current ={lat: "59.95", lng: "30.33"}
const newObj={lat:parseFloat(current.lat),lng:parseFloat(current.lng)}

Вообще стандарт сейчас адаптивный дизайн, если нормально проектировать, то он будет ложиться под любые устройства. Если нужны цифры, то можно например взять 1280, а дальше адаптировать.