style: Refine modal header layout by adjusting alignment and button grouping for improved usability and visual consistency

frontend/src/components/WsUpdateModal.jsx

@@ -78,12 +78,12 @@ function WsUpdateModal({ show, url, onClose }) {
     <div className="modal show d-block" tabIndex="-1" style={{ backgroundColor: 'rgba(0,0,0,0.5)' }}>
       <div className="modal-dialog modal-lg">
         <div className="modal-content">
-          <div className="modal-header">
-            <h5 className="modal-title d-flex align-items-center">
+          <div className="modal-header d-flex align-items-center justify-content-between">
+            <h5 className="modal-title d-flex align-items-center m-0">
               <IconPlugConnected className="me-2" /> Логи запуска
               <span className={`badge ms-2 ${status === 'open' ? 'bg-green-lt text-green' : status === 'connecting' ? 'bg-orange-lt text-orange' : status === 'error' ? 'bg-red-lt text-red' : 'bg-secondary-lt text-secondary'}`}>{status}</span>
             </h5>
-            <div className="btn-list">
+            <div className="d-flex align-items-center gap-2">
               <button className="btn btn-outline-secondary btn-sm" onClick={() => setAutoScroll(!autoScroll)} title={autoScroll ? 'Отключить автопрокрутку' : 'Включить автопрокрутку'}>
                 {autoScroll ? <IconPlayerPause className="me-1" /> : <IconPlayerPlay className="me-1" />} Автопрокрутка
               </button>
@@ -93,7 +93,7 @@ function WsUpdateModal({ show, url, onClose }) {
               <button className="btn btn-outline-secondary btn-sm" onClick={() => setRawMessages([])} title="Очистить лог">
                 <IconTrash className="me-1" /> Очистить
               </button>
-              <button type="button" className="btn btn-close" onClick={onClose}><IconX size={16} /></button>
+              <button type="button" className="btn-close" onClick={onClose} aria-label="Close"></button>
             </div>
           </div>
           <div className="modal-body">