fix(i18n): translations

- Added translation support using react-i18next in WafConfig and CrowdSecConfig components.
- Updated UI elements to use translation keys instead of hardcoded strings.
- Enhanced test coverage for i18n integration, including mocks for translation in tests.
- Fixed various test cases to align with new translation structure.
- Created a QA report for i18n implementation, noting validation of translation files and areas for improvement.

frontend/src/pages/__tests__/ProxyHosts-bulk-delete.test.tsx

@@ -516,9 +516,9 @@ describe('ProxyHosts - Bulk Delete with Backup', () => {
     const selectAll = screen.getByLabelText('Select all rows');
     await userEvent.click(selectAll);
 
-    // Should show "(all)" indicator - format is "<strong>3</strong> hosts selected (all)"
+    // Should show "(all)" indicator - format is "<strong>3</strong> host(s) selected (all)"
     await waitFor(() => {
-      expect(screen.getByText(/hosts?\s*selected/)).toBeTruthy();
+      expect(screen.getByText(/host\(s\) selected/)).toBeTruthy();
       expect(screen.getByText(/\(all\)/)).toBeTruthy();
     });
   });