feat: Add filters API endpoints for retrieving, updating, generating, and exporting MikroTik configurations

frontend/src/App.jsx

@@ -16,10 +16,12 @@ import {
   IconDatabase,
   IconAlertTriangle,
   IconAlertCircle,
-  IconServer
+  IconServer,
+  IconFilter
 } from '@tabler/icons-react';
 import DataManager from './DataManager';
 import ServerManager from './ServerManager';
+import FilterManager from './FilterManager';
 import './App.css';
 import axios from 'axios';
 import {
@@ -50,6 +52,7 @@ function MainLayout() {
     { id: 'domains', title: 'Домены', icon: IconWorld, path: '/domains' },
     { id: 'asns', title: 'AS', icon: IconNetwork, path: '/asns' },
     { id: 'servers', title: 'Серверы', icon: IconServer, path: '/servers' },
+    { id: 'filters', title: 'Фильтры', icon: IconFilter, path: '/filters' },
     { id: 'files', title: 'Файлы', icon: IconFileText, path: '/files' },
     { id: 'cloud', title: 'Облако', icon: IconCloud, path: '/cloud' },
     { id: 'security', title: 'Безопасность', icon: IconShield, path: '/security' },
@@ -70,7 +73,7 @@ function MainLayout() {
             <span className="fw-bold">S3 Lists Manager</span>
           </Link>
           <nav className="nav nav-tabs ms-4">
-            {navItems.slice(0, 3).map(item => (
+            {navItems.slice(0, 4).map(item => (
               <Link
                 key={item.id}
                 to={item.path}
@@ -100,6 +103,7 @@ function MainLayout() {
             />
           } />
           <Route path="/servers" element={<ServerManager />} />
+          <Route path="/filters" element={<FilterManager />} />
           <Route path="/" element={<Navigate to="/domains" replace />} />
         </Routes>
       </div>