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

shine-UI/js/pages/contact-search-view.js

@@ -1,4 +1,4 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import { authService } from '../state.js';
 import { renderUserAvatar } from '../components/avatar-image.js';
 import { loadProfileSnapshot } from '../services/user-profile-params.js';
@@ -58,7 +58,7 @@ function createSearchAvatar(login) {
   return avatarEl;
 }
 
-export function render({ navigate }) {
+export function render({navigate, chrome}) {
   const screen = document.createElement('section');
   screen.className = 'stack dm-screen dm-search-screen';
   let searchTimer = 0;
@@ -172,11 +172,11 @@ export function render({ navigate }) {
 
   resultsCard.append(status, resultsList);
 
-  screen.append(
-    renderHeader({
+  chrome?.setTopbar(createTopBar({
       title: 'Поиск контактов',
-      leftAction: { label: '←', onClick: () => navigate('messages-list') },
-    }),
+      back: { label: '←', onClick: () => navigate('messages-list') },
+    }));
+  screen.append(
     formCard,
     resultsCard,
   );