Update react-window to major version 2

Finds use in most dropdowns

Author: Arnei

package-lock.json

@@ -36,7 +36,7 @@
     "react-router": "^7.9.5",
     "react-select": "^5.10.2",
     "react-textarea-autosize": "^8.5.9",
-    "react-window": "^1.8.11",
+    "react-window": "^2.2.3",
     "redux": "^5.0.1",
     "redux-persist": "^6.0.0",
     "redux-thunk": "^3.1.0",
@@ -67,7 +67,6 @@
     "@types/lodash": "^4.17.20",
     "@types/node": "^24.9.2",
     "@types/react-dom": "^19.2.2",
-    "@types/react-window": "^1.8.8",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-react-swc": "^4.2.0",
     "eslint": "^9.39.0",

package.json

@@ -7,7 +7,7 @@ import {
 import { GroupBase, MenuListProps, Props, SelectInstance } from "react-select";
 import { isJson } from "../../utils/utils";
 import { ParseKeys } from "i18next";
-import { FixedSizeList, ListChildComponentProps } from "react-window";
+import { List, RowComponentProps } from "react-window";
 import AsyncSelect from "react-select/async";
 import AsyncCreatableSelect from "react-select/async-creatable";
 
@@ -140,23 +140,36 @@ const DropDown = <T, >({
 	const MenuList = (props: MenuListProps<DropDownOption, false>) => {
 		const { children, maxHeight } = props;
 
-		console.log("Menu List render");
-
 		return Array.isArray(children) ? (
 			<div style={{ paddingTop: 4 }}>
-				<FixedSizeList
-					height={maxHeight < (children.length * itemHeight) ? maxHeight : children.length * itemHeight}
-					itemCount={children.length}
-					itemSize={itemHeight}
+				<List
+					rowComponent={MenuListRow}
+					rowCount={children.length}
+					rowHeight={itemHeight}
+					style={{
+						height: maxHeight < (children.length * itemHeight) ? maxHeight : children.length * itemHeight,
+						width: "100%",
+					}}
+					rowProps={{ names: children }}
 					overscanCount={4}
-					width="100%"
-				>
-					{({ index, style }: ListChildComponentProps) => <div style={{ ...style }}>{children[index]}</div>}
-				</FixedSizeList>
+				/>
 			</div>
 		) : null;
 	};
 
+	function MenuListRow({
+		index,
+		names,
+		style,
+	}: RowComponentProps<{
+		names: string[];
+	}>) {
+		// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
+		const name = names[index];
+		// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+		return <div style={style}>{name}</div>;
+	}
+
 	const filterOptions = (inputValue: string) => {
 		if (options) {
 			return options.filter(option =>