Ice

https://codepen.io/IceRD/pen/vYYqPbL

C перезагрузкой, добавить в ссылку
onClick="location = this.href;"

или можно вынести и добавить общее событие убирать класс

document.querySelector('.navGlobal_b').classList.remove('opened');

Не нужно создавать бесконечное число событий по клику.
вынесите событие

$(".popup_bg").click(function () {
$(".popup").fadeOut(0);
setTimeout(function () {
$(".popup").remove();
}, 0);
});

и оберните его

$("html").on("click",".popup_bg", function (evt) {
   // ваш код
});

У авторизированных пользователей должна быть сессия, в сессии храните hash.
При выполнении кода сделать провеку $_SESSION['hash'] == '';

Что можно поправить еще:

onclick="d_KDK_djw({if $get_id_usr}{$get_id_usr}{/if},'{$live_site}'); "

Вот это очень плохо, делать проверки php в вызове функции js;
А что,если вдруг $get_id_usr не оказалось?

case 'mess_dsjkfsde':
require_once $config_abs_path."/classes/users.php";
$id = get_numeric_only("id");
$delete_all_mess=new users();
$delete_all_mess->delete_all_messages_to($id);
break;

get_numeric_only("id"); заменить на (int) и при диструктивном методе можно добавить проверку.
$delete_all_mess=new users(); - порождать класс для одного метода и дропнуть, сделайте лучше static function

C png можно сделать только так https://codepen.io/IceRD/pen/qBBGBvZ
Лучше использовать svg.
Вот тут примеры работы css.yoksel.ru/svg-decoration

let hasActive = document.querySelector('.product-item__compare').classList.contains('active');
if(hasActive){
tippy('.product-item__compare', {
    content: 'Добавить в сравнение'
  });
}

тег a или lable будут перекрывать друг друга, в html нет всплывающих событий.
Предложу добавить немного js
https://codepen.io/IceRD/pen/eYYxyWR

Все классно, но для < App / > нужен Babel, чтобы работал JSX
jquery удалить вообще.
В обертку скрипта добавить type="text/babel"
Пример https://metanit.com/web/react/1.2.php
Без JSX https://ru.reactjs.org/docs/react-without-jsx.html