refactor(App): update layout and styling for vertical sidebar navigation and page header, enhancing user experience and accessibility

frontend/src/components/PageHeader.jsx

@@ -1,26 +1,25 @@
 import React from 'react'
 
+/** Заголовок страницы в стиле Tabler (page-header + page-title + опционально actions справа) */
 function PageHeader({ title, pretitle, actions, meta }) {
   return (
     <div className="page-header d-print-none mb-4">
-      {/* Верхняя строка: только заголовок */}
       <div className="row align-items-center">
         <div className="col">
-          <h2 className="page-title">{title}</h2>
           {pretitle && (
-            <div className="page-pretitle mt-1">{pretitle}</div>
+            <div className="page-pretitle">{pretitle}</div>
           )}
+          <h1 className="page-title">{title}</h1>
           {meta && (
             <div className="text-muted small mt-1">{meta}</div>
           )}
         </div>
+        {actions && (
+          <div className="col-auto ms-auto d-print-none">
+            {actions}
+          </div>
+        )}
       </div>
-      {/* Отдельная строка под заголовком: действия страницы */}
-      {actions && (
-        <div className="mt-4 d-print-none">
-          {actions}
-        </div>
-      )}
     </div>
   )
 }