sdgroup14

Если вы создали приложение с помощью cli то у вас есть 2 файла для девелопер версии и продакшн в папке src в папке environments. В обьекте указываете все те глобальные конфиги, которыйе вам нужны. Сокеты, апи и т.д.

чтоб такого не было лучше не верстать бутстрапом :))))))))))

то что скролится контент убирается только js - html, body overflow hidden. Думаю с этим решением уйдет и первая проблема если вы со стилями в меню не намудрили.

оберните тексты в span и родителю задайте flex-direction column

потому что вопрос не js а в css (это ваш код для родителя итемов... Рукола... шпинат...)

.g-cols>div {
    display: flex;
    flex-direction: column;
}

2 делать не нужно)))))))) Я думаю это лишнее.
Насчет первого не понял. Это как?)
В Angular 2+ есть хорошая вещь под названием lazy Module. Если вы хотите разгрузить проект натыканными модалками, лучше поделите контент на большие страницы на модули, а модалки в них уже не будут так ощутимы как вам кажется https://angular.io/guide/lazy-loading-ngmodules

<opition hidden>

https://github.com/utatti/perfect-scrollbar
utatti.github.io/perfect-scrollbar

зачем вам тогда display none? делайте скрытие элемента opacity 0; visibility hidden и потом применяйте к ним транзишн....

в любом случае вы будете пользоваться сокетами/fierbase. Не умеете писать на Vue|Angular - лучше не пишите. Есть огромное желание научится - пишите.... Писать на Angular только из-за того что там удобный шаблон - это ложь. Удобных шаблонов нет, удобные инструменты есть!( в каждом реактивном фреймворке|библиотеке). Для того чтоб написать вам не просто нужно ознакомится, а и ознакомится с огромным количеством модулей которые вы будете подключать. RxJS и JWT это как минимум.... вопрос в сроках и желании - мое мнение.
А хотите сделать толково вникните не в jquery а в чистый js и тогда вам легко будет пересаживаться на фреймы... Так же ООП, прототипирование, инкапсуляция....
И кстати, если вы первый раз будете писать на Vue|Angular не зная как минимум то что я описал, то вы либо будете долго писать, либо оно будет еще медленее работать чем на jquery

Я бы сделал без лишней разметки как то так https://codepen.io/sdgroup14/pen/ajQKbq . Так по сути breadcrumbs на сайте делают

я бы вам посоветовал очень хорошо понять базу https://learn.javascript.ru/ (по несколько раз прочитывал весь сайт перед собеседованиями, потому что именно такие вещи и будут спрашивать и этими методами вы всегда будете пользоваться).
Насчет css читайте все что только можно. Суть знаний в css - это опыт. Я свои знания заработал только на практике. Ни в одном гайде не встречал к примеру ситуации, "что в Safari(IOS) в некоторых ситуациях если вы div сделали js кликабельным - то нужно div сделать cursor: pointer... иначе не будет отрабатывать обработчик" + Интерпритаторы в разных браузерах по разному воспринимают свойства... Практика практика и еще раз практика

Если у вас нет пользовательских настроек на сайте(в интерфейсе), в котором пользователь сам указывает часовой пояс и у вас в базе timestamp в 0, то new Date() преобразует в тот часовой пояс который выставлен в ОС.... Вам ничего не нужно делать. Если в обратном случае, я недавно работал с датами, и у меня были разные вариации дат(в нескольких форматах) - я преобразовывал все в UTC, а потом прибавлял выставленный пользователем часовой пояс:

var date = new Date(); 

var now_utc =  Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),
 date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());

var user_timezone = '-3';
user_timezone = user_timezone * 3600000;
var user_date = new Date(user_timezone);

https://codepen.io/sdgroup14/pen/MBvqdO как-то так... манипулируйте классом __column

https://codepen.io/sdgroup14/pen/oMwGwb . Так сойдет?
выше верно написано, но я бы лучше попробовал максимально средствами css для лучшей прорисовки

как то так!

<style>
.parent {
display: flex;
flex-direction: column;
}
.child:first-of-type{
height: 100%
}

</style>
<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

ваш выход https://cdnjs.com/libraries/jquery.mask . Попробуйте в комплексе с type="number" если вам нужна цифровая клавиатура.