Александр Алексеев

Это абсолютно никак не влияет.

Скобки обязательны:
if (условие) действие;

Если больше одного действия, то они оформляются в блок:
if (условие) { действие; действие; }

С else всё то же самое, только нет условия.
if (условие) действие; else действие;

Хотя в качестве действия снова может быть ветвление. Каждое условие в скобках, иначе интерпретатор не сможет понять, где кончается условие и начинается действие.
if (условие) действие; else if (условие) действие;

<p>{cart.some(n => n.id === id) ? 'я есть' : 'меня нет'}</p>

сss appearance: none и картинку на фон

Простым решением будет дать хидеру top: 0; position: sticky;, а скрипт убрать. Он там явно не нужен при условии, что хидер с самого начала вверху.
А причина скачка в том, что при скролле более 1 пикс от верха, хидер с относительного позиционирования кидается в фиксированное. При отсутствии паддинга равного шапке у враппера, вся страница летит на фикс к top: 0;

А где return у стрелочной функции?

var gs = ['ddfg', 'dgfs'];
var jss = gs.map((far) => {
  return far.length;
});
console.log(jss)

ну, или вот так
var jss = gs.map((far) => far.length);
а вообще, при помощи map не считают сумму, вам нужен reduce

var gs = ['ddfg', 'dgfs'];
var jss = gs.reduce((res, far) => res + far.length, 0)
console.log(jss)

UPD: а, ну или, при условии, что у вас маленькие массивы, можно написать так
const sum = ['ddfg', 'dgfs'].join('').length;

5/10
По пунктам:
1) Увеличение изображений не работает, как и слайдеры. Это работа верстальщика!
2)
3)
4) Все стили со скриптом подгружаются в шапке сайта, что совершенно не правильно и может быть оправдано в редких случаях. Более правильным будет - вынести стили того что пользователь будет видеть в начале в тэг style перед html. В вашем случае вынести следовало все стили относящиеся к классу header и его деткам. Это, к слову, рекомендует гугл.
5) Изображения нужно ужимать, на кой черт мне грузить картинку в 4к если я сижу с телефона с 360р??? Это относится ко всем картинкам, ни одна не ужата.

П.С. Чего вы на парня взъелись за плашку с предупреждением? Да на все бесплатные хостинги такие вылезают, или ему для первых версток аренду брать?

el = document.getElementById('dcont');
el.classList.add('docnt', 'drow')

::-webkit-scrollbar {
	width: 10px;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 100px;
}

::-webkit-scrollbar:hover {
	background-color: rgba(0, 0, 0, 0.09);
}

::-webkit-scrollbar-thumb:vertical {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 100px;
	background-clip: padding-box;
	border: 2px solid rgba(0, 0, 0, 0);
	min-height: 10px;
}

::-webkit-scrollbar-thumb:vertical:active {
	background: rgba(0, 0, 0, 0.61);
	border-radius: 100px;
}

const keys = [ 'firstName', 'lastName' ];
const values = document.querySelector('input').value.toLowerCase().match(/\S+/g) || [];
const result = arr.filter(n => keys.some(k => values.some(v => n[k].toLowerCase().includes(v))));

Это называется ajax. Ваш поисковый запрос в гугл должен быть таким "load post via ajax". А там уже в модальном/не модальном, как захотите.