twolegs

setInterval возвращает id таймер, который вам следует сохранять в каком-нибудь поле/переменной. А далее просто clearInterval с сохранным id.

create react-app создает только фронтенд.
Просто современные реалии фронтенда таковы, что для его сборки необходима node.js
Все это необходимо для того, чтобы собрать в папку build бандл с вашим приложением.

Похоже, что вы на windows пытаетесь запустить скрипт, который к этому не приспособлен.
NODE_ICU_DATA - это переменная окружения, попробуйте устанавливать ее через cross-env (https://www.npmjs.com/package/cross-env). Но не уверен. что pwd будет работать даже в этом случае.

Сложно сказать, насколько это вообще ад.
Да, возможно стек старый, но с архитектурной точки зрения приложение может быть сделано хорошо.
Ваша проблема сейчас в том, что вы в какой-то мере начали понимать типичный реакт стек, но не видели мира за его пределами.
Приложения на реакте, как правило, это пример плохой архитектуры. В реакте есть какие-то общие практики, но сейчас вы не можете сказать хороши они или нет, потому что вы не работали с другими.
Мой совет - продолжить работать и попытаться понять глобально как работает продукт, какие архитектурные паттерны и решения в нем используются.
Когда вы пройдете стадию отрицания и разберетесь в том, как все работает, у вас будет два пути - либо вы поймете что код на самом деле не так плох, и почерпнете для себя несколько хороших идей, либо окончательно убедитесь что код и в самом деле говно, но с полноценным набором причин, а не теми, что вы описали. Сейчас ваше описание выглядит просто как неаргументированная паника разработчика, который столкнулся с чем-то отличным от базового стека. Анализируйте, изучайте. То, как не надо делать - это тоже хороший опыт.

У вас название функции с большой буквы, а вызываете вы ее с маленькой. Приведите регистр к одному виду, и все заработает.

const onDrop = useCallback(async (acceptedFiles) => {
    const newImage = acceptedFiles[0];
    let hasError;

    if (newImage.size > allowedMaximumFileSize) {
      hasError = true;

      alert("Размер файла не допустим");
    }

    if (!allowedMimeTypes.includes(newImage.type)) {
      hasError = true;

      alert("Тип файла не допустим");
    }

    if (!hasError) {
      const previewBASE64 = await fileReader(newImage);

      onImageChange(name, { file: newImage, preview: previewBASE64 });
    }
  }, []);

Вот тут у вас в массиве зависимостей нет onImageChange. Соответственно, всегда выполняется onImageChange с изначальным значением (то есть пустыми полями).

P.S. Если добавить в зависимости onImageChange, то мемоизация будет бесполезна, потому выше вы создаете эту функцию каждый рендер.

Редьюсер должен быть чистой функцией, то есть не содержать в себе сайд-эффектов. В нем не должно быть ничего асинхронного. Для асинхронных операций в redux есть middleware, например redux-thunk.

Расставил отступы, чтобы было видно что на каком уровне вложенности выполняется.

start 3
    start 2
        start 1
            start 0
        end
        start 0
    end
    start 1
        start 0
    end
end
start 2
    start 1
        start 0
    end
    start 0
end

Возможные причины выноса мозга:
1. end не выводится после 0. Т.е. вероятно, вы для себя неправильно расставили все соответствия при выводе.
2. Цикл всегда ограничен двумя итерациями.