Юрий

страшно ли то что MHz больше чем у материнки ?

Не страшно.

и SSD 2.5" SATA 240GB Patriot Burst (PBU240GS25SSDR) можно подключить ? учитывая то что у меня уже стоит ссд 120гб и жесткий диск 500гб или от чего то придется избавится ?

Можно. В материнке 6 SATA-разъёмов и ещё пара SATA Express, так что места хватит всем. Возможно, придётся докупить SATA-кабель, но это копейки.

Запихните ваш кусок текста в обратные кавычки вместо двойных:

`text
text
text`

Если это будет выводиться в <textarea>, то разрывы строк отобразятся как надо. Если нет, то придётся либо заворачивать вывод в <pre>, либо расставлять по тексту <br> через replace.

Стрелку можно делать как угодно, главное здесь — флекс.

YouTube iframe API

На стандартных классах Bootstrap 4:

Если обязательно нужно сделать именно через бордер, можете добавить псевдоэлементу трансформ с нужными пропорциями:

transform: scaleX(0.52);
transform-origin: left;

Как вариант.

Только внутри ``

Вы неправильно поняли сообщение об ошибке. Невозможно установить свойство innerHtml для null.
У вас какой-то из getElementById вернул null, то есть нет элемента с нужным id на странице.

Так у вас получается массив из строк, а заполнять пытаетесь из объектов.

const title2 = []
for (let i = 0; i < data.items.length; i++) {
  title2.push({
    titles: data.items[i].snippet.title,
    vid_id: data.items[i].snippet.resourceId.videoId
  })
}
var arr_vid_all = title2.reverse()

Можно через псевдоэлементы + transform: rotate(45deg), но тогда скорее всего размеры псевдоэлемента придётся задавать в явном виде.

Я бы скорее всего просто сделал стрелку через SVG.

Если поменять на или любой другой элемент без дефолтных стилей, всё ок.

Проблема, судя по всему, из-за того, что браузер картинку без содержимого (с неправильным путём к файлу или вообще без него, как в данном случае) рисует как прямоугольник с бордером. Этот самый бордер и торчит у вас.
Если поменять на никак нельзя, можно либо выводить пустой PNG, либо добавить border: 1px solid transparent и соответственно скорректировать размеры элемента в пикселях.

Исправить reguire на require.

Как-то так. Высоту, ширину и сдвиг относительно родительского элемента подберите, как вам нужно.

Вроде работает.

Добавить кнопки в нужном месте за пределами .swiper-container и вручную повесить на них slideNext и slidePrev: https://swiperjs.com/api/#methods