feat: page tempaltes

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

@@ -1,5 +1,5 @@
 import { useNavigate, useLocation } from "react-router-dom";
-import { FaHome, FaServer, FaPalette, FaUser } from "react-icons/fa";
+import { FaHome, FaServer, FaPalette, FaUser, FaCode } from "react-icons/fa";
 import { useAuthStore } from "@/modules/auth/store/useAuthStore";
 
 export const Navigation = () => {
@@ -10,6 +10,7 @@ export const Navigation = () => {
   const navItems = [
     { path: "/", label: "Главная", icon: FaHome },
     { path: "/add-agents", label: "Агенты", icon: FaServer },
+    { path: "/templates", label: "Шаблоны", icon: FaCode },
     { path: "/themes", label: "Темы", icon: FaPalette },
   ];
 
@@ -50,11 +51,14 @@ export const Navigation = () => {
                 className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-all"
                 style={{
                   backgroundColor: active ? "var(--accent)" : "transparent",
-                  color: active ? "var(--accent-text)" : "var(--text-secondary)",
+                  color: active
+                    ? "var(--accent-text)"
+                    : "var(--text-secondary)",
                 }}
                 onMouseEnter={(e) => {
                   if (!active) {
-                    e.currentTarget.style.backgroundColor = "var(--bg-secondary)";
+                    e.currentTarget.style.backgroundColor =
+                      "var(--bg-secondary)";
                     e.currentTarget.style.color = "var(--text-primary)";
                   }
                 }}
@@ -82,7 +86,10 @@ export const Navigation = () => {
               >
                 <FaUser size={12} style={{ color: "var(--accent)" }} />
               </div>
-              <span className="text-xs" style={{ color: "var(--text-secondary)" }}>
+              <span
+                className="text-xs"
+                style={{ color: "var(--text-secondary)" }}
+              >
                 {user.name}
               </span>
             </div>