fix: menu adaptive

frontend/src/app/providers/layout/navigation/navigation.tsx

@@ -39,22 +39,9 @@ export const Navigation = () => {
       }}
     >
       <div className="flex items-center justify-between px-4 py-2.5">
-        {/* Логотип */}
+        {/* Навигация с горизонтальным скроллом */}
-        <div
+        <div className="flex items-center flex-1 mx-4 overflow-x-auto scrollbar-hide">
-          className="flex items-center gap-2 cursor-pointer"
+          <div className="flex items-center gap-1 whitespace-nowrap">
-          onClick={() => navigate("/")}
-        >
-          <FaServer style={{ color: "var(--accent)", fontSize: "18px" }} />
-          <span
-            className="text-sm font-semibold"
-            style={{ color: "var(--text-primary)" }}
-          >
-            HellreigN
-          </span>
-        </div>
-
-        {/* Навигация */}
-        <div className="flex items-center gap-1">
             {navItems
               .filter((item) => {
                 if (item.adminOnly && !user?.permission_admin) return false;
@@ -67,7 +54,7 @@ export const Navigation = () => {
                   <button
                     key={item.path}
                     onClick={() => navigate(item.path)}
-                  className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-all"
+                    className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-all flex-shrink-0"
                     style={{
                       backgroundColor: active ? "var(--accent)" : "transparent",
                       color: active
@@ -94,6 +81,7 @@ export const Navigation = () => {
                 );
               })}
           </div>
+        </div>
 
         {/* Профиль пользователя */}
         <div className="flex items-center gap-2">

frontend/src/shared/styles/index.css

@@ -2,3 +2,13 @@
 @import "./normalize.css";
 @import "./root.css";
 @import "./themes.css";
+
+/* Hide scrollbar but keep functionality */
+.scrollbar-hide {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+.scrollbar-hide::-webkit-scrollbar {
+  display: none; /* Chrome, Safari and Opera */
+}