Refactor frontend components and dependencies

- Update ESLint configuration for frontend
- Refactor dialog components (ActivateJail, CreateAction, CreateFilter, CreateJail)
- Update JailsTab and RegexTesterTab components
- Refactor TopCountriesPieChart component
- Update package.json dependencies
- Update documentation (Tasks.md)
- Refactor CodeList component for jail page

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

frontend/src/components/config/JailsTab.tsx

@@ -714,7 +714,7 @@ function InactiveJailDetail({
                 <strong>Errors:</strong>
                 <ul style={{ margin: `4px 0 0 0`, paddingLeft: "1.2em" }}>
                   {blockingIssues.map((issue, idx) => (
-                    <li key={idx}><em>{issue.field}:</em> {issue.message}</li>
+                    <li key={`${issue.field}-${String(idx)}`}><em>{issue.field}:</em> {issue.message}</li>
                   ))}
                 </ul>
               </MessageBarBody>
@@ -726,7 +726,7 @@ function InactiveJailDetail({
                 <strong>Warnings:</strong>
                 <ul style={{ margin: `4px 0 0 0`, paddingLeft: "1.2em" }}>
                   {advisoryIssues.map((issue, idx) => (
-                    <li key={idx}><em>{issue.field}:</em> {issue.message}</li>
+                    <li key={`${issue.field}-${String(idx)}`}><em>{issue.field}:</em> {issue.message}</li>
                   ))}
                 </ul>
               </MessageBarBody>
@@ -814,7 +814,6 @@ export function JailsTab({ initialJail }: JailsTabProps): React.JSX.Element {
     refreshInactiveJails();
   }, [refresh, refreshInactiveJails]);
 
-  /** Unified list items: active jails first (from useJailConfigs), then inactive. */
   const listItems = useMemo<Array<{ name: string; kind: "active" | "inactive" }>>(() => {
     const activeItems = jails.map((j) => ({ name: j.name, kind: "active" as const }));
     const activeNames = new Set(jails.map((j) => j.name));
@@ -913,7 +912,7 @@ export function JailsTab({ initialJail }: JailsTabProps): React.JSX.Element {
               key={selectedActiveJail.name}
               jail={selectedActiveJail}
               onSave={updateJail}
-              onDeactivate={() => { handleDeactivate(selectedActiveJail.name); }}
+              onDeactivate={() => { void handleDeactivate(selectedActiveJail.name); }}
             />
           ) : selectedInactiveJail !== undefined ? (
             <InactiveJailDetail
@@ -922,10 +921,10 @@ export function JailsTab({ initialJail }: JailsTabProps): React.JSX.Element {
               onActivate={() => { setActivateTarget(selectedInactiveJail); }}
               onDeactivate={
                 selectedInactiveJail.has_local_override
-                  ? (): void => { handleDeactivateInactive(selectedInactiveJail.name); }
+                  ? (): void => { void handleDeactivateInactive(selectedInactiveJail.name); }
                   : undefined
               }
-              onValidate={() => validateJailConfig(selectedInactiveJail.name)}
+              onValidate={() => { void validateJailConfig(selectedInactiveJail.name); }}
             />
           ) : null}
         </ConfigListDetail>