nav: неоновые PNG-иконки вкладок бара + единый вид

- toolbar.js: data-driven иконки (iconImg/glow/hero); все 5 вкладок → <img> неон-PNG;
  «Связи» помечена hero.
- components.css: единый размер (--tab-icon-size 27px), «Связи» крупнее ВИЗУАЛЬНО через
  transform: scale (без сдвига раскладки — иконки на одной линии); active/tap-состояния;
  у «Связи» убран лишний drop-shadow-ореол (светится сама PNG); глобально
  -webkit-tap-highlight-color: transparent (нет синего tap-квадрата нигде).
- assets: icon_lichnye/kanaly/svyazi/uvedomleniya/profil.png. Иконка «Уведомления»
  приведена к прозрачному фону (была без альфы) и обрезана до ~92% заполнения, как у других.
Версия 1.2.166.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

shine-UI/js/components/toolbar.js

@@ -2,14 +2,23 @@ import { resolveToolbarActive } from '../router.js';
 import { state } from '../state.js';
 import { openAuthRequiredModal } from '../services/auth-required-modal.js';
 
+// iconImg — путь к неоновой PNG (если есть, рисуем картинку вместо эмодзи); glow — цвет доп.свечения
+// активной/нажатой вкладки (var --tab-glow); hero — «герой»-вкладка (крупнее/ярче, всегда светится).
+// Пока подключена только «Связи»; остальные 4 — эмодзи до подготовки ассетов (имена подставлю).
 const ITEMS = [
-  { pageId: 'messages-list', label: 'Личные сообщения', icon: '💬' },
-  { pageId: 'channels-list', label: 'Каналы', icon: '📢' },
-  { pageId: 'network-view', label: 'Связи', icon: '🕸' },
-  { pageId: 'notifications-view', label: 'Уведомления', icon: '🔔' },
-  { pageId: 'profile-view', label: 'Профиль', icon: '👤' },
+  { pageId: 'messages-list', label: 'Личные сообщения', icon: '💬', iconImg: '/assets/icon_lichnye.png', glow: 'rgba(0, 229, 255, .6)' },
+  { pageId: 'channels-list', label: 'Каналы', icon: '📢', iconImg: '/assets/icon_kanaly.png', glow: 'rgba(0, 229, 255, .6)' },
+  { pageId: 'network-view', label: 'Связи', icon: '🕸', iconImg: '/assets/icon_svyazi.png', glow: 'rgba(0, 229, 255, .6)', hero: true },
+  { pageId: 'notifications-view', label: 'Уведомления', icon: '🔔', iconImg: '/assets/icon_uvedomleniya.png', glow: 'rgba(0, 229, 255, .6)' },
+  { pageId: 'profile-view', label: 'Профиль', icon: '👤', iconImg: '/assets/icon_profil.png', glow: 'rgba(0, 229, 255, .6)' },
 ];
 
+function iconHtml(item) {
+  return item.iconImg
+    ? `<img class="toolbar-icon-img" src="${item.iconImg}" alt="" aria-hidden="true" style="--tab-glow:${item.glow}" />`
+    : `<span>${item.icon}</span>`;
+}
+
 function getTotalUnreadMessages() {
   const chats = Object.values(state.chats || {});
   let total = 0;
@@ -62,10 +71,10 @@ export function renderToolbar(currentPageId, navigate) {
     const isProfile = item.pageId === 'profile-view';
     const isMessages = item.pageId === 'messages-list';
     const isNetwork = item.pageId === 'network-view';
-    btn.className = `toolbar-btn${item.pageId === active ? ' active' : ''}${isProfile ? ' toolbar-btn-profile' : ''}${isMessages ? ' toolbar-btn-messages' : ''}${isNetwork ? ' toolbar-btn-network' : ''}`;
+    btn.className = `toolbar-btn${item.pageId === active ? ' active' : ''}${isProfile ? ' toolbar-btn-profile' : ''}${isMessages ? ' toolbar-btn-messages' : ''}${isNetwork ? ' toolbar-btn-network' : ''}${item.hero ? ' toolbar-btn-hero' : ''}`;
     if (isProfile) {
       btn.innerHTML = `
-        <span>${item.icon}</span>
+        ${iconHtml(item)}
         <span class="toolbar-label-wrap">
           <span>${item.label}</span>
           <span id="toolbar-connection-indicator" class="toolbar-connection-indicator is-unknown">
@@ -75,7 +84,7 @@ export function renderToolbar(currentPageId, navigate) {
         </span>
       `;
     } else {
-      btn.innerHTML = `<span>${item.icon}</span><span>${item.label}</span>`;
+      btn.innerHTML = `${iconHtml(item)}<span>${item.label}</span>`;
     }
     if (isMessages && unreadTotal > 0) {
       const badge = document.createElement('span');