Update dependency eslint to ^9.31.0

.drone.yml

@@ -6,7 +6,7 @@ name: default
 steps:
 # Frontend
 - name: web_build
-  image: node:24
+  image: node:23
   volumes:
     - name: web_app
       path: /tmp/web_build

moneymgr_web/package.json

@@ -18,7 +18,7 @@
     "@mdi/react": "^1.6.1",
     "@mui/icons-material": "^7.1.2",
     "@mui/material": "^7.1.2",
-    "@mui/x-charts": "^8.7.0",
+    "@mui/x-charts": "^8.8.0",
     "@mui/x-data-grid": "^8.7.0",
     "@mui/x-date-pickers": "^8.7.0",
     "date-and-time": "^3.6.0",
@@ -32,15 +32,15 @@
     "ts-pattern": "^5.7.1"
   },
   "devDependencies": {
-    "@eslint/js": "^9.30.1",
+    "@eslint/js": "^9.31.0",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
-    "eslint": "^9.26.0",
+    "eslint": "^9.31.0",
     "eslint-plugin-react-dom": "^1.49.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^00.4.20",
-    "eslint-plugin-react-x": "^1.52.2",
+    "eslint-plugin-react-x": "^1.52.3",
     "globals": "^16.2.0",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.32.1",

moneymgr_web/src/routes/AccountRoute.tsx

@@ -2,9 +2,11 @@ import DeleteIcon from "@mui/icons-material/DeleteOutlined";
 import DriveFileMoveOutlineIcon from "@mui/icons-material/DriveFileMoveOutline";
 import LinkOffIcon from "@mui/icons-material/LinkOff";
 import MoreVertIcon from "@mui/icons-material/MoreVert";
+import ClearIcon from "@mui/icons-material/Clear";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import {
   IconButton,
+  InputAdornment,
   ListItemIcon,
   ListItemText,
   TextField,
@@ -392,6 +394,19 @@ function MovementsTable(p: {
             setFilter(e.target.value);
           }}
           style={{ padding: "0px", flex: 1 }}
+          slotProps={{
+            input: {
+              endAdornment: filter.length > 0 && (
+                <InputAdornment position="end">
+                  <Tooltip title="Clear current filter">
+                    <IconButton size="small" onClick={() => { setFilter(""); }}>
+                      <ClearIcon />
+                    </IconButton>
+                  </Tooltip>
+                </InputAdornment>
+              ),
+            },
+          }}
         />
         <span style={{ flex: 1 }}></span>
         <Tooltip title="Refresh table">