UI v4: новый стиль по макету V3/V4 и доводка экранов

Палитра «Сияние» по умолчанию, новые роли цветов. Лента канала: плоские записи, ряд действий
с равным шагом иконок, дата у записи. Обсуждение со строкой ввода, личный чат, шторки.
Вход и регистрация: стартовый экран (надпись «СИЯНИЕ», сияние мандалы), настройки входа
со статусами серверов, статус логина в одну строку, вход с другого устройства (код, таймер, шаги),
сохранение ключей с переключателями. Корневые разделы – заголовок по центру; фильтр чатов –
переключатель; уведомления – список как в чатах; фото – просмотр на весь экран.
Общее: один зазор под шапкой (--page-top-gap), переключатели высотой с поле ввода,
второстепенные кнопки по одной роли (в том числе на экранах устройств и серверов),
иконки только из ui-icon.js, полоса прокрутки скрыта, среднее тире в текстах интерфейса.

Что нужно от сервера и разработчика – docs/UI-Design/UI-v4-for-dev.md.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

shine-UI/js/pages/show-keys-view.js

@@ -1,4 +1,5 @@
 import { createTopBar } from '../components/topbar.js';
+import { iconHtml } from '../components/ui-icon.js';
 import { state } from '../state.js';
 import { bytesToBase58 } from '../services/crypto-utils.js';
 import { extractSeed32FromPkcs8B64 } from '../services/client-key-utils.js';
@@ -37,19 +38,8 @@ export function render({navigate, chrome}) {
   const renderField = (id, label, hint = '') => {
     const row = document.createElement('div');
     row.className = 'key-card stack';
-    const eyeIcon = `
-      <svg class="key-toggle-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-        <path d="M2.4 12s3.6-6.5 9.6-6.5S21.6 12 21.6 12s-3.6 6.5-9.6 6.5S2.4 12 2.4 12Z" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
-        <circle cx="12" cy="12" r="2.9" fill="none" stroke="currentColor" stroke-width="1.8"/>
-      </svg>
-    `;
-    const eyeOffIcon = `
-      <svg class="key-toggle-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-        <path d="M3 4l18 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
-        <path d="M2.4 12s3.6-6.5 9.6-6.5c2.4 0 4.5.8 6.1 1.9" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
-        <path d="M21.6 12s-3.6 6.5-9.6 6.5c-2.4 0-4.5-.8-6.1-1.9" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
-      </svg>
-    `;
+    const eyeIcon = iconHtml('eye', false, 'key-toggle-icon');
+    const eyeOffIcon = iconHtml('eyeOff', false, 'key-toggle-icon');
     row.innerHTML = `
       <div class="row">
         <span class="field-label">${label}${hint ? `<small class="key-card__hint">${hint}</small>` : ''}</span>