feat: implement modular security services with CrowdSec and WAF integration

frontend/src/api/security.ts

@@ -0,0 +1,24 @@
+import client from './client'
+
+export interface SecurityStatus {
+  crowdsec: {
+    mode: 'disabled' | 'local' | 'external'
+    api_url: string
+    enabled: boolean
+  }
+  waf: {
+    mode: 'disabled' | 'enabled'
+    enabled: boolean
+  }
+  rate_limit: {
+    enabled: boolean
+  }
+  acl: {
+    enabled: boolean
+  }
+}
+
+export const getSecurityStatus = async (): Promise<SecurityStatus> => {
+  const response = await client.get<SecurityStatus>('/security/status')
+  return response.data
+}