Gimir

Скорее всего по тому что ты не кликаешь на див contacts_map, точнее, карта перехватывает событие, и оно не всплывает к родителю.
Тебе надо на карту событие вешать, а не на див этот. Или если у тебя больше никакой интеракции не требуется, сделать просто оверлей с з-индексом, для клика.

Очевидно квери селектор не нашел твой элемент и вернул null, если загружаешь скрипт в хеде, сделай обертку window.addEventListener('load', () => { .... })
Чтобы вешать события только после того как дом готов

Не совсем понятно из вопроса, что именно должно меняться и нажиматься.
Если имеется ввиду посещенная ссылка, то это можно делать псевдоклассом :visited, на CSS

.link:visited {
// styles
}

Думаю опыт работы над разными проектами. Чтобы в полной мере освоить какие либо знания, нужно решать проблемы где эти знания требуется применять. Опыт это все)

Без практики на нативном js будет очень много моментов где вы будете упираться в стенку, поверьте мне, я это проходил. Прежде чем начать делать что-то на реакте советую закрепиться в нативном js. Кроме основных понятий которы есть во всех языках программирования, нужно иметь хорошее понимание как js взаимодействует с браузером. Приступая к изучению реакта у вас уже должна быть хорошая база практики работы с DOM, обработки событий, работы с запросами и т.д., курсах предполагается что вы это уже знаете.
Советую пройти начатый курс до конца, вместе с практикой, и уже после переходить на реакт.

Если нужно получить стороны строки '10:05'
let timeArr = '10:05'.split(':'); // ['10', '05']

Интересная задача, наверное, я бы попробовал так:
Взять слово с помощью API контекста, перевести, передать его contentScript'у, заменить слово.
Сложность в том чтобы узнать где именно заменять. Предполагаю что надо взять целый параграф этого слова, и с помощью поиска подстроки или каким-то другим образом заменить.
Не знаю какие возможности есть у API контекста, может он может а может нет отловить тег.

Это просто так, мысли)