Update dependency eslint-plugin-react-dom to ^1.52.3

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",
@@ -37,7 +37,7 @@
     "@types/react-dom": "^19.1.6",
     "@vitejs/plugin-react": "^4.6.0",
     "eslint": "^9.26.0",
-    "eslint-plugin-react-dom": "^1.49.0",
+    "eslint-plugin-react-dom": "^1.52.3",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^00.4.20",
     "eslint-plugin-react-x": "^1.52.3",

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">