Malkolm

Кодом не напишу, но вроде должно быть понятно так:
1. Перед вышеописанным кодом, добавь localStorage.getItem("some_value") и запиши его в переменную, но не забудь задать дефолтное значение для случая, когда там ничего нет еще. Также в localStorage можно хранить как в виде строки текущее значение, так и в виде числа или объекта (только тогда перед записью в localStorage сериализуй, а после считывание десериализуй соответственно)
2. После
let sidebarBtn = document.getElementById('sidebar_category');
let sidebarDisplay = document.querySelector('.sidebar_category');
выполни код, который скроет (или нет) сайдбар, в зависимости от того, что получилось в п.1.
3. После
sidebarDisplay.classList.toggle('d-none');
инвертируй значение, которое получилось в п.1. и запиши в localStorage
все.

методов волшебной автосинхронизации нет...

Я так понимаю проблема с версткой?
А что мешает скопировать верстку с того сайта где все так как вам надо (вместе со стилями) и вставить у себя, а потом подкорректировать под свои стили.
А что касается заполнения пунктов тут тоже просто - распечатайте $arResult, посмотрите структуру и пройдитесь foreach-ем

потому, что в параметрах компонента SET_TITLE в значении Y

а вот еще способ интересный чтобы фон не "дублировался", а растягивался на весь экран и оставался статичным (то есть не прокручивался с контентом)

body:after{
    background: url(path/to/image);
    background-size: cover;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: '';
    z-index: -1;
}

создается псевдоэлемент, но он висит под всеми элементами, растягивается на весь "видимый экран" и дает фон. Все элементы что "над ним" конфликтовать не должны.

имеет такая штука особенно смысл, когда на фоне красивый градиент, который не должен "тянуться" на километр контента превращаясь в результате в однородную массу

мда. сделал доступным codemirror из import 'codemirror' при помощи npm install @types/codemirror
осталась последняя проблемка.
Это сделать доступным mode/javascript/javascript.js
Пока что добавление его в angular-cli.json в раздел scripts приводит только к ошибке:
ReferenceError: CodeMirror is not defined
видимо файл запускается раньше инициалзации самого codemirror'а
а там кстати нечто вроде

(function(mod){
 . . . 
})(function(CodeMirror){ . . . })

то есть самовызывающаяся функция и вызывается она когда codemirror еще недоступен

Ого как, .... а может есть способ решить проблему проще?
Например у дочернего компонента эмитировать событие, а родительский компонент будет его отлавливать и запускать ту самую функцию, при необходимости и передать из потомка что то можно

ага, а можно через @Output()