Update eslint to type check

src/ui/gameClass/GameClassList.tsx

@@ -28,13 +28,14 @@ export default function GameClassList({
 
 
 	const headElements: React.ReactNode[] = [
-		<div>
+		<div key="icon">
 			Icon
 		</div>,
-		<div>
+		<div key="name">
 			Name
 		</div>,
 		<div
+			key="actions"
 			className="pl-16"
 		>
 			Actions
@@ -42,7 +43,7 @@ export default function GameClassList({
 	];
 
 	const bodyElements: React.ReactNode[][] = gameClasses.map((gameClass) => [
-		<div>
+		<div key="icon">
 			{
 				gameClass.gameClassIcon &&
 				<div
@@ -56,10 +57,11 @@ export default function GameClassList({
 			}
 			&nbsp;
 		</div>,
-		<div>
+		<div key="name">
 			{gameClass.gameClassName}
 		</div>,
 		<div
+			key="actions"
 			className="flex flex-row items-center justify-center gap-2 pl-16"
 		>
 			<div

src/ui/gameClass/GameClassListSkeleton.tsx

@@ -7,13 +7,14 @@ import GameClassAdminButtons from "./GameClassAdminButtons";
 
 export default function GameClassListSkeleton(){
 	const headElements: React.ReactNode[] = [
-		<div>
+		<div key="icon">
 			Icon
 		</div>,
-		<div>
+		<div key="name">
 			Name
 		</div>,
 		<div
+			key="actions"
 			className="pl-16"
 		>
 			Actions
@@ -57,12 +58,15 @@ function GameClassSkeleton(): React.ReactNode[]{
 
 	const elements: React.ReactNode[] = [
 		<div
+			key="icon"
 			className={`h-8 w-8 -my-1 mr-4 ${elementBg}`}
 		/>,
 		<div
+			key="name"
 			className={`h-6 w-full ${elementBg}`}
 		/>,
 		<div
+			key="actions"
 			className={`flex flex-row items-center justify-center gap-2 pl-16`}
 		>
 			<div className="py-4 border-l border-neutral-500">&nbsp;</div>