smilingcheater

Объявите в вебпаке по отдельному entry для каждой страницы
https://webpack.js.org/concepts/entry-points/
Вебпак будет собирать несколько бандлов. Подключайте в страницах соответствующие им бандлы.
Так же рекомендую настроить генерацию общего чанка, чтобы общие части JS не дублировались в бандлах, а попадали в один общий.
https://webpack.js.org/configuration/optimization/...
https://webpack.js.org/plugins/split-chunks-plugin/

Вы внутри метода calculater вешаете обработчики на кнопки. Сколько раз был вызван calculater - сколько обработчиков у вас и висит. Поставьте внутри этого обработчика console.log() и посмотрите, сколько раз он выведется.
Назначайте обработчики только 1 раз

body.classList.toggle('.dark-mode', !wasDarkmode)
Точку в первом параметре уберите. Тут имя класса надо писать, а не селектор.

search.value == {name}
с какой целью вы строку name превратили в объект {name}? Подозреваю что вы не до конца понимаете деструктуризацию и вас запутала запись CATALOG.forEach(({name}).
Если делаете простое в лоб сравнение - то и сравнивайте строки
search.value == name

Почему вы суёте в файл 2 отдельных JSON-объекта? Судя по документации, там должен быть 1 объект
https://github.com/sergeche/emmet-sublime/blob/mas...
Собственно вам и ругается, что на 6 строке начинается невалидный символ, а именно начинается новый объект.

<link rel="preload" href="/fonts/roboto/Roboto-Regular.woff" as="font" crossorigin="anonymous">

Добавить в head для всех используемых шрифтов.

Вам же Lighthouse прямо в описании проверки пишет про link preload

1. у вас в выложенном на гитхаб проекте не прописаны нужные зависимости в package.json - gulp-clean-css, gulp-concat, gulp-less, gulp-stylus
2. Путь в файлу test.sass в path.styles.src формируется криво - получается что-то типа
C:/Users/koles/Desktop/gulp-switzerland/src/sass/test.sass/sass/test.sass - 2 раза кусок sass/test.sass в конце
3. а зачем вообще хардкодить полный путь? Это же не будет работать нигде , кроме вашего компа?
4. Даже после этих исправлений всё равно выведется ошибка
Error: File not found with singular glob: C:/Users/koles/Desktop/gulp-switzerland/src/sass/test.sass (if this was purposeful, use `allowEmpty` option)
Внимательно её прочитайте.
И исправьте.

Выглядит, будто к шрифтовым иконкам применился курсив. И теги [i] используемые для них на это намекают.
Задайте в селекторе
.owl-prev i, .owl-next i
правило font-style: normal;
либо используйте [span] вместо [i]

let url = `http://crmtest.domen.ru/rest/967/key4g4g4g4g/profile/crm.lead.add(${fields}, ${params})`;

Вы определитесь, вы URL формируете или метод вызываете? Вы формируете некорректный урл, вот и получаете 404.

Насколько помню, URL должен выглядеть примерно так
let url = `http://crmtest.domen.ru/rest/967/key4g4g4g4g/profi...
И все перечисленные поля надо отсылать через POST. Сейчас в url2 они у вас все приписываются в GET-строку запроса.

Потому что написав onClick={this.handleSubmit} вы отрываете функцию от контекста, и в этой функции у вас this - не ваш компонент
Попробуйте написать
onClick={this.handleSubmit.bind(this)}

Вы можете перечислять селекторы в строке через запятую
$(".elements:not(:hidden), .elements:visible"). При этом в результат попадут только уникальные элементы, дублей не будет.

Пример jsfiddle.net/5h3aF
Пока набивал, меня уже опередили :)
Воспользуйтесь псевдо-элементами after и brfore, поверните их на +/-60 градусов через transform: rotate(60deg);
Работает, естественно, только в тех браузерах, которые поддерживают трансформации (IE9+)

А почему вы не используете второй параметр, приходящий в функцию update? Судя по документации api.jqueryui.com/sortable/#event-update вы можете просто использовать ui.item для получения текущего перемещенного элемента и ui.item.attr('id') для получения его ID. Так же, для вычисления порядкового номера этого элемента, можно использовать ui.item.index() (api.jquery.com/index) раз у вас есть jQuery.