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

shine-UI/js/pages/device-view.js

@@ -1,4 +1,4 @@
-import { renderHeader } from '../components/header.js';
+import { createTopBar } from '../components/topbar.js';
 import {
   isSessionInvalidError,
   refreshSessions,
@@ -40,16 +40,14 @@ function sortSessionsByOnline(sessions = []) {
   });
 }
 
-export function render({ navigate }) {
+export function render({navigate, chrome}) {
   const screen = document.createElement('section');
   screen.className = 'stack';
 
-  screen.append(
-    renderHeader({
+  chrome?.setTopbar(createTopBar({
       title: 'Устройства',
-      leftAction: { label: '←', onClick: () => navigate('settings-view') },
-    }),
-  );
+      back: { label: '←', onClick: () => navigate('settings-view') },
+    }));
 
   const actions = document.createElement('div');
   actions.className = 'card stack';
@@ -75,7 +73,7 @@ export function render({ navigate }) {
 
     const createSessionItem = (session, isCurrent) => {
       const item = document.createElement('button');
-      item.className = 'session-item';
+      item.className = 'ui-button session-item';
       item.type = 'button';
       const sessionTypeText = formatSessionType(session.sessionType);
       const sessionPlatformText = session.clientPlatform ? ` · ${session.clientPlatform}` : '';