fix: Don't crash when hovering hotbar menu index

- Remove all uses of React.ReactNode as it is unsafe, replace them with
  usages of SafeReactNode which doesn't contain the '{}' type

Signed-off-by: Sebastian Malton <sebastian@malton.name>

packages/list-layout/package.json

@@ -33,6 +33,7 @@
   },
   "peerDependencies": {
     "@k8slens/kube-object": "^1.0.0-alpha.1",
+    "@k8slens/utilities": "^1.0.0-alpha.3",
     "@ogre-tools/injectable": "^15.8.1",
     "react": "^17.0.2"
   },

packages/list-layout/src/kube-list-layout-column.ts

@@ -4,7 +4,7 @@
  */
 
 import type { KubeObject } from "@k8slens/kube-object";
-import type { ReactNode } from "react";
+import type { SafeReactNode } from "@k8slens/utilities";
 import type { TableSortCallback, SearchFilter, TableCellProps } from "./list-layout-column";
 
 export interface BaseKubeObjectListLayoutColumn<K extends KubeObject> {
@@ -13,7 +13,7 @@ export interface BaseKubeObjectListLayoutColumn<K extends KubeObject> {
   sortingCallBack?: TableSortCallback<K>;
   searchFilter?: SearchFilter<K>;
   header: TableCellProps | undefined | null;
-  content: (item: K) => ReactNode | TableCellProps;
+  content: (item: K) => SafeReactNode | TableCellProps;
 }
 
 export interface GeneralKubeObjectListLayoutColumn extends BaseKubeObjectListLayoutColumn<KubeObject> {

packages/list-layout/src/list-layout-column.ts

@@ -3,8 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { ReactNode } from "react";
-import type { SingleOrMany } from "@k8slens/utilities";
+import type { SafeReactNode, SingleOrMany } from "@k8slens/utilities";
 
 export interface ItemObject {
   getId: () => string;
@@ -37,7 +36,7 @@ export interface TableCellProps extends React.DOMAttributes<HTMLDivElement> {
   /**
    * The actual value of the cell
    */
-  title?: ReactNode;
+  title?: SafeReactNode;
 
   /**
    * content inside could be scrolled