nft rule post json

frontend/src/appRouter.tsx

@@ -1,6 +1,7 @@
 // src/AppRouter.tsx
 import { Navigate, Route, Routes } from 'react-router-dom';
 import App from './App'; // your layout component (has <Outlet />)
+import { Firewall } from './pages/Firewall';
 import Home from './pages/Home';
 import Network from './pages/Network';
 import Scripting from './pages/Scripting';
@@ -20,6 +21,7 @@ export default function AppRouter() {
         <Route path={PATHS.NETWORK.slice(1)} element={<Network />} />
         <Route path={PATHS.SNIFFING.slice(1)} element={<Sniffing />} />
         <Route path={PATHS.SCRIPTING.slice(1)} element={<Scripting />} />
+        <Route path={PATHS.FIREWALL.slice(1)} element={<Firewall />} />
 
         {/* Fallback (renders inside layout too) */}
         <Route path="*" element={<NotFound />} />