Делать не так, как нравится верстальщику, а так как правильно с точки зрения организации кода.

Это значит, что ваш объект мутирует после того, как вы его вывели в первый раз, но до того, как вы его развернули в консоли. Когда вы разворачиваете объект в консоли, вы его получаете заново по ссылке, а он может уже отличаться от того, что вы вывели в консоль до этого. Ищите в коде место, где вы меняете свойство «name».

svg-изображение заранее состоит из svg-кода. Откройте изображение при помощи любого текстового редактора и используйте код как вам требуется.

Это называется деструктурирующее присваивание.

Запись
const { value } = event.target
эквивалентна записи
const value = event.target.value

А запись
const { value, id: identificator } = event.target
эквивалентна

const value = event.target.value
const identificator = event.target.id

Подробнее читайте тут

По поводу второй записи:

PS. И как работает эта запись
= type => ev =>
? type это аргумент, а ev? Аргумент в аргумент?

Это:

const handleChange = type => event => {
  // ...
}

тоже самое, что и

const handleChange = (type) => {
  return (event) => {
    // ...
  }
}}