xdevelx

const str = '«Брат Волк» Мишель Пейвер';
const { groups: { name, author } } = str.match(/«(?<name>[^»]*)»\s(?<author>.*)$/);
console.log(name); // Брат Волк
console.log(author); // Мишель Пейвер

А зачем при изменениях в файлах запускать инициализацию browserSync, если он уже изначально был инициализирован? Есть же browserSync.reload, вот его и передавайте.

gulp.task('watch', gulp.series('build', 'browserSync',  async function() {
    gulp.watch(config.src + config.css.src, gulp.series('build'));
    gulp.watch(config.src, browserSync.reload);
}));

Видимо return забыли

function capitalize(str) {
  return str.split(/\s+/).map((word) => word[0].toUpperCase() + word.substring(1)).join(' ');
}

Без него функция возвращает undefined

const arrInput = (consentCheckbox === null)
  ? [!mailArr.length, !inputEmptyArr.length]
  : [!mailArr.length, !inputEmptyArr.length, consentCheckbox.checked];

btnSubmite.classList.toggle('valid-success', arrInput.every((x) => x === true));

только для toggle() force параметр IE не поддерживает (если вдруг есть такая необходимость) https://caniuse.com/mdn-api_domtokenlist_toggle_fo...
если нужна поддержка IE, то toggle заменить на if else или тернарник с вызовами classList.add и classList.remove

const data = ['apple', 'banana', 'thoma', 'habr', 'pear'];
const excludedData = ['thoma', 'habr'];

const filteredData = data.filter(i => !excludedData.includes(i));

https://codepen.io/xdevelx/pen/rNJGGym

Деструктуризация
https://learn.javascript.ru/destructuring
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Мета тег color-scheme и медиа запрос prefers-colors-scheme samsung internet поддерживают https://developer.samsung.com/internet/blog/en-us/... Но есть одно но - чтобы это все заработало нужно в настройках браузера выбрать labs и там чекнуть использовать темную тему сайта и тогда при добавлении <meta name="color-scheme" content="light dark"> тема будет всегда не инвертированная. Но если у пользователя выбрана темная тема без выбора этой настройки в телефоне, он будет видеть инверсию. И с этим ничего сделать нельзя.

PhotoSwipe от того же автора https://photoswipe.com/

Как то так

const indices = [3454387, 8065234, 2669034];

indices.forEach(id => document.querySelector(`[dataid="${id}"]`).classList.add('myClass'));

https://codepen.io/xdevelx/pen/MWJLyqa

const links = document.querySelectorAll('.about__menu-link');

links.forEach((link) => {
  link.style.color = "#fff"
});

Как то так
https://codepen.io/xdevelx/pen/PoWmeOM

animationend

https://codepen.io/tag/skeleton
И в Гугле skeleton loading поищите.
Есть доклад по поводу скелетонов https://youtu.be/JRlCIPkwheA

Как называется вот это состояние загрузки?
Как это называется и как это реализовать?
Как сделать placeholder/preloader контент-блоков при загрузке страницы?
Как называются серые блоки, отображающиеся на сайте до загрузки контента (как на ютубе, например)?
Как создать скелетный экран?
Preloader как у ...?
Как называется библиотека?

Ненененене, не автокомплит!!!! Никаких аяксов. Просто у меня допустим 10 option с 100, 1000, 10000, 100000 и т.д. Которые можно выбрать, но и так же я могу вписать 12323002 любую сумму.

Значит вам нужен datalist для input
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

document.getElementById("myBtn").disabled = true;
https://developer.mozilla.org/ru/docs/Web/API/HTML...

Как я понимаю мне необходимо для работы скачать данный сайт локально (страницу)?

Наоборот, вам необходимо зайти по ssh на сервер заказчика и запускать в консоли компиляцию sass файлов. Правки scss делать через ftp, хотя можно и через ssh в терминале через vi (vim), nano.
Хотя такие требования и весьма странные.
Скорее всего это промежуточный dev сервер, с которого происходит деплой на production с возможными дополнительными стадиями CI.

https://codepen.io/xdevelx/pen/PoPMQEv

https://codepen.io/xdevelx/pen/vYNJbez