firewall + scripts working

frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { Layout } from 'antd';
+import { Layout, notification } from 'antd';
 import { useState } from 'react';
 import { Outlet } from 'react-router-dom';
 import './App.css';
@@ -8,6 +8,14 @@ import Sidebar from './Layout/Sidebar';
 
 const { Content, Footer } = Layout;
 
+notification.config({
+  placement: 'topRight', // topLeft | topRight | bottomLeft | bottomRight
+  top: 20, // distance from top
+  bottom: 24, // distance from bottom
+  duration: 3, // auto close time (seconds)
+  maxCount: 3, // max notifications shown
+});
+
 export default function App() {
   const [collapsed, setCollapsed] = useState(false);
   return (