Не, ну конечно можно прямо на гитхабе редактировать файлы, и делать коммиты, но это дичь полная.
По-моему, лучше сделать так:
1. Делаете репозиторий приватным, создаете в нем ветку dev
2. Проверенному человеку даете доступ через collaborators
3. Человек редактирует код в ветке dev и делает пулл реквест (редактируя через клон или сразу на гитхабе, как сам решит)
4. После тестов CI в workflow вы этот пулл реквест мёржите в ветку master/main
5. После мёржа запускается workflow CD и деплоится на продакшн на ваш VPS.

В целом, такая концепция распространена))

Если нужно просто убрать дубликаты, то:

return (
    <div>
      {countryNames && countryNames.filter((item, index, array) => {
           return index > 0 ? item.COUNTRY_NAME !== array[index - 1].COUNTRY_NAME : true
      }).map((vyvod) => {
           let country = vyvod.COUNTRY_NAME
           return <div> {country}</div> // НЕ ЗАБЫВАЕМ ПРО KEY!!!
    })}
    </div>
  );

Если же нужно убрать дубликаты в стейте, то:

.then((res) => {
   setCountryNames(() => {
      return res.DATA.filter((item, index, array) => {
           return index > 0 ? item.COUNTRY_NAME !== array[index - 1].COUNTRY_NAME : true
      })
   })
})

1. Стили: если стилей много или сама 404 должна быть показана как страница в основном содержимом сайта, то однозначно пихайте стили в общий бандл. Отдельный css-бандл для страниц ошибок не делают.
2. Метатеги: достаточно указать meta robots noindex nofollow.

Копирует, потому что эти правила прописаны в твоей конфигурации.
Попробуй так:

{
  loader: 'css-loader',
  options: { url: false, importLoaders: 1 }
},