сделал кнопку настроек, вкладку настроек и сворачивание боковой панели

frontend/admin/js/main.js

@@ -1,4 +1,7 @@
-import './otel.js';
+// OTel: загружаем только на продакшене (не на localhost)
+if (!['localhost', '127.0.0.1'].includes(window.location.hostname)) {
+    import('./otel.js').catch(e => console.warn('OTel init skipped:', e.message));
+}
 
 import { isAuthenticatedAsAdmin } from './api.js';
 import { applyRippleEffect, closeAllDropdownsOnOutsideClick } from './utils.js';
@@ -37,7 +40,9 @@ const navItems = document.querySelectorAll('.nav-item[data-tab]');
 const sidebar = document.querySelector('.sidebar');
 const sidebarOverlay = document.getElementById('sidebar-overlay');
 const menuToggle = document.getElementById('menu-toggle');
+const sidebarCloseBtn = document.getElementById('sidebar-close-btn');
 const btnLogout = document.getElementById('btn-logout');
+const main = document.querySelector('.main');
 
 // Initial auth check
 if (!isAuthenticatedAsAdmin()) {
@@ -48,16 +53,56 @@ if (!isAuthenticatedAsAdmin()) {
 applyRippleEffect();
 closeAllDropdownsOnOutsideClick();
 
-// Menu Toggle
+// Init sidebar state from localStorage on load
+if (window.innerWidth > 768 && localStorage.getItem('sidebar-collapsed') === 'true') {
+    sidebar.classList.add('collapsed');
+    main.classList.add('sidebar-collapsed');
+}
+
+// Menu Toggle (Hamburger)
 menuToggle.addEventListener('click', () => {
-    sidebar.classList.toggle('open');
-    sidebarOverlay.classList.toggle('open');
+    if (window.innerWidth <= 768) {
+        sidebar.classList.toggle('open');
+        sidebarOverlay.classList.toggle('open');
+    } else {
+        sidebar.classList.remove('collapsed');
+        main.classList.remove('sidebar-collapsed');
+        localStorage.setItem('sidebar-collapsed', 'false');
+    }
 });
+
+// Sidebar Close (X button)
+sidebarCloseBtn?.addEventListener('click', () => {
+    if (window.innerWidth <= 768) {
+        sidebar.classList.remove('open');
+        sidebarOverlay.classList.remove('open');
+    } else {
+        sidebar.classList.toggle('collapsed');
+        main.classList.toggle('sidebar-collapsed');
+        localStorage.setItem('sidebar-collapsed', sidebar.classList.contains('collapsed'));
+    }
+});
+
 sidebarOverlay.addEventListener('click', () => {
     sidebar.classList.remove('open');
     sidebarOverlay.classList.remove('open');
 });
 
+// Settings Dropdown
+const settingsDropdown = document.getElementById('settings-dropdown');
+const btnSettings = document.getElementById('btn-settings');
+
+btnSettings.addEventListener('click', (e) => {
+    e.stopPropagation();
+    settingsDropdown.classList.toggle('open');
+});
+
+document.addEventListener('click', (e) => {
+    if (!settingsDropdown.contains(e.target)) {
+        settingsDropdown.classList.remove('open');
+    }
+});
+
 // Logout
 btnLogout.addEventListener('click', () => {
     localStorage.removeItem('token');