Обновить UI профиля и навигации

shine-UI/js/pages/user-profile-view.js

@@ -1,4 +1,4 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import { SHINE_CONNECTIONS_LOGO_SRC } from '../components/shine-logo.js';
 import { renderUserAvatar } from '../components/avatar-image.js';
 import { authService, state } from '../state.js';
@@ -87,9 +87,9 @@ export function render({ navigate, route, chrome }) {
   const screen = document.createElement('section');
   screen.className = 'stack user-profile-screen';
 
-  const header = renderHeader({
+  const header = createTopBar({
     title: requestedLogin || 'Профиль',
-    leftAction: { label: '←', onClick: () => navigateBack() },
+    back: { label: '←', onClick: () => navigateBack() },
   });
   header.classList.add('user-profile-header');
   chrome?.setTopbar(header);
@@ -176,7 +176,7 @@ export function render({ navigate, route, chrome }) {
       .join(' ');
     const about = String(card.about || '').trim();
 
-    const title = header.querySelector('.page-title');
+    const title = header.querySelector('.topbar__title');
     if (title) title.textContent = card.login;
 
     body.innerHTML = `
@@ -214,10 +214,10 @@ export function render({ navigate, route, chrome }) {
         </div>` : ''}
 
       <div class="user-profile-detail-links" aria-label="Дополнительная информация о пользователе">
-        <button type="button" data-profile-detail="spiritual-path" aria-pressed="false" aria-controls="user-profile-detail-panel">
+        <button type="button" class="ui-button" data-profile-detail="spiritual-path" aria-pressed="false" aria-controls="user-profile-detail-panel">
           <span class="user-profile-detail-tab-label">Духовный путь</span>
         </button>
-        <button type="button" data-profile-detail="contacts" aria-pressed="false" aria-controls="user-profile-detail-panel">
+        <button type="button" class="ui-button" data-profile-detail="contacts" aria-pressed="false" aria-controls="user-profile-detail-panel">
           <span class="user-profile-detail-tab-label">Контакты</span>
         </button>
       </div>