Audit logging feature files

frontend/src/App.js

@@ -4,6 +4,7 @@ import { useAuth } from './contexts/AuthContext';
 import LoginForm from './components/LoginForm';
 import UserMenu from './components/UserMenu';
 import UserManagement from './components/UserManagement';
+import AuditLog from './components/AuditLog';
 
 const API_BASE = process.env.REACT_APP_API_BASE || 'http://localhost:3001/api';
 const API_HOST = process.env.REACT_APP_API_HOST || 'http://localhost:3001';
@@ -27,6 +28,7 @@ export default function App() {
   const [quickCheckResult, setQuickCheckResult] = useState(null);
   const [showAddCVE, setShowAddCVE] = useState(false);
   const [showUserManagement, setShowUserManagement] = useState(false);
+  const [showAuditLog, setShowAuditLog] = useState(false);
   const [newCVE, setNewCVE] = useState({
     cve_id: '',
     vendor: '',
@@ -304,7 +306,7 @@ export default function App() {
                 Add CVE/Vendor
               </button>
             )}
-            <UserMenu onManageUsers={() => setShowUserManagement(true)} />
+            <UserMenu onManageUsers={() => setShowUserManagement(true)} onAuditLog={() => setShowAuditLog(true)} />
           </div>
         </div>
 
@@ -313,6 +315,11 @@ export default function App() {
           <UserManagement onClose={() => setShowUserManagement(false)} />
         )}
 
+        {/* Audit Log Modal */}
+        {showAuditLog && (
+          <AuditLog onClose={() => setShowAuditLog(false)} />
+        )}
+
         {/* Add CVE Modal */}
         {showAddCVE && (
           <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">