Алексей

Во-первых. Логику с авторизацией нет смысла выносить в хук, т.к она используется один раз. Пользовательские хуки нужны для переиспользования логики с участием встроенных хуков реакта.
Во-вторых, не храните токен в localStorage, храните его в памяти приложения
В-третьих крайне рекомендую начать использовать редакс. В нем гораздо удобнее хранить подобное состояние

По сути вопроса - элементарно проверьте меняется ли состояние isAuth обычным console.log. Если меняется - проблема в вашем хуке useRoutes

Две кнопки: play и pause. У каждой свое событие

Например видна кнопка play:
- при нажатии таймер запустился
- удалилась кнопка play из DOM
- удалились события связанные с ней
- появилась кнопка pause и забиндились события связанные с ней

Если нужно изменение состояния при этом - легко реализуется через прокси

Подкорректируйте код (я только месяц в JS, это еще не мастер) и добавьте плз так чтобы у каждого ID был массив серверов по их ID, а в нем уже "инвентарь"

С такими запросами на фриланс

Сделать синхронной, хотели сказать? Просто добавьте async await

let modifyNews = rawNews.map(async (item, i, arr) => {
    item.autor = await getUserByID(item.autor); // Асинхронная функция которая выставляет имя автора вместо id
    return item;
});

Либо получать данные параллельно и как последний промис завершится выполнять дальнейший код

Во-первых все var заменить на const.

По сути вопроса:
var dayTomorrow = tomorrow.getDate();

Заменить на

const dayTomorrow = tomorrow.getDate() < 10 ? `0${tomorrow.getDate()}` : tomorrow.getDate();

Рекомендую создать отдельный класс Validation, где опишете все методы валидации. Это удобно тем, что валидировать данные нужно не только у юзеров. Если не выделить эти методы в отдельный класс, то будете повторять себя, либо использовать класс юзер не по назначению.

Что касается самого вопроса. Просто в конструкторе заведите переменную this.touched: false и после фокуса поменяйте ее на true. И валидацию применяйте только к элементам у которых touched равно true

Добавить инфу о том что его показали в куки или localStorage

Не забудьте при этом сделать lazy load иначе при одновременной генерации 1000 блоков все может намертво полечь

console.log вызывается в контексте родителя, напишите свой конструктор для дочернего элемента (не забудьте про super) с console.log

Пересоздайте верстку и заново навесьте событие для работы кнопки

Просто используйте ide для написания скриптов

Используй swiper. В доке и примерах все есть. В т.ч и для такой ситуации

Фильтруйте не dom элементы, а массив с данными, который прилетает от сервера, после фильтра отрендерите на странице

Рендерить карточку всякий раз пока есть объекты с данными в массиве. Как массив закончился - убирать листание