Polylang и Acf при создании поля не копирует в другой язык?

Так если поля для разных страниц одинаковые, тогда может не надо создавать дополнительные группы полей. А просто в условиях привязать эти поля к двум страницам.
Например вот, привязял одну группу полей к трем категориям:

Что на счет useMemo и зависимость?

SerjSkachkov, снова таки я не вижу, как переменная allTransactions влияет на ваш код.
Но если вам все же надо, что бы allTransactions была в зависимостях, тогда может лучше использовать useEffect.
Например:

const [state, setState] = useState();
useEffect(() => {
  setState(computeExpensiveValue(value1, value2 ))
}, [value1, value2, value3]);

Что на счет useMemo и зависимость?

SerjSkachkov, так если value3 измениться, это же никак не повлияет на перемнную memoizedValue. Ну только если вы используете value3 напрямую внутри функции computeExpensiveValue, а не передаете ее как аргумент.

Что на счет useMemo и зависимость?

Так уберите value3. Зачем вы добавили ее в зависимость?

Почему шрифты подключённые в css отображаются криво?

Просто предположу, что вы не сконвертировали шрифты для веб.
И вообще шрифт Rubik доступен на Google Fonts.

Как перебрать массив объектов?

depstor, Тогда сначала проверьте, существует ли массив и кол-во его элементов. Похоже на то, что вызывается map когда массива еще нет.

if(this.props.names && this.props.names.length > 0){
  ...
}

Как правильно собрать данные форма с помощью new FormData?

Тогда можете использовать serializeArray. который вернет вам массив. А после уже преобразовать этот массив в нужный вам формат.

Почему тут не работает псевдокласс, как обращаться отдельно к инпутам?

А в данном случае надо псевдокласс добавлять тегу "p".

.text_footer_right:nth-child(3) {
  ...
}

Этот псевдокласс применяется к дочерним элементам одного родительского элемента.
В данном случае .text_footer_after_input является родительским элементом, а .text_footer_right дочерними элементами.

Как исправить ошибку Property 'item' does not exist on type 'Record'?

Как минимум надо изменить classes.item на classes[item]

Избитый вопрос о том, как сделать выпадающие меню как на сайте по ссылке в описании?

Ну для бокового меню надо просто поменять позицию before. Например если выпадающий список будет открываться вправо, как на сайте примере, и там тоже будет дырка, тогда пишем такой код

.class:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    width: 45px;
    height: 100%;
}

Как сверстать такой блок?

Таким образом верхний блок будет отталкивать нижний блок, а значит получится не то, что на скриншоте.

Как добавить в аргумент функции обработчика значение инпута?

kirillleogky, Что добавлять?
Вот функция, которая принимает аргументы и которая возвращает функцию, у которой есть event, из которого можно взять значение инпута

getChangeBonusType = (arg1, arg2, arg3) => (e) => {
  console.log(e.target.value); //значение инпута будет здесь
  console.log(arg1); //аргумент 1
  console.log(arg2); //аргумент 2
  console.log(arg3); //аргумент 3
}

Вот так она спользуется

<input onChange={this.getChangeBonusType(сюда передавать аргумент, или два аргумента,  или ...)}/>

Ну а дальше в функции getChangeBonusType делайте, что угодно с аргументами и с значением инпута.

Как добавить в аргумент функции обработчика значение инпута?

kirillleogky, добавил

getChangeBonusType = (argument) => (e) => {
  console.log(e.target.value);
  console.log(argument);
}

Как в калькуляторе вывести результат input type="number"?

Вот рабочий вариант Codepen

Как в калькуляторе вывести результат input type="number"?

Вот здесь тоже ошибка

var sum = parseInt($('#slider_a_val').text())
var days = parseInt($('#slider_b_val').text())

Поменяйте .text() на .val()