Владимир Солнцев

element.previousSibling !== null
вынести во внешнее условие,

element.previousSibling.nodeName.toLowerCase() сделать один раз перед проверкой
остальное - внутри

"h1", "h2", "h3", "h4", "h6", "p", "img"

можно сделать списком и проверять на вхождение в список

if (element.previousSibling !== null) {
    const lowerName = element.previousSibling.nodeName.toLowerCase();
    const tags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'img'];    
    if (!tags.includes(lowerName) {
        // ...
    }
}

Или так:

const tags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'img'];
if (element.previousSibling !== null && !tags.includes(element.previousSibling.nodeName.toLowerCase())) {    
    // ...
}

Но здесь уже вопрос читаемости. По мне 1 вариант лучше 2.

Как выровнять Заголовок с блоком?

Добавить ему margin или padding. Есть проблемы с этим? Есть конечно метод с определением местоположения пользователя и отправки к нему курьера с флешкой, на которой плагин для браузера. Но будут проблемы с мобильной версией, там флешки не всегда можно подключить.