chore: Improve linting within @k8slens/core

- Turning on @typescript-eslint/recommended-requiring-type-checking
- Turning off @typescript-eslint/no-unnecessary-type-assertion (due too many false positives)
- Making @typescript-eslint/no-explicit-any an error (except in tests)

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

packages/ui-components/animate/src/animate.tsx

@@ -48,7 +48,7 @@ const NonInjectedAnimate = (propsAndDeps: AnimateProps & Dependencies) => {
   const [showClassNameLeave, setShowClassNameLeave] = useState(false);
 
   // eslint-disable-next-line xss/no-mixed-html
-  const contentElem = React.Children.only(children) as React.ReactElement<React.HTMLAttributes<any>>;
+  const contentElem = React.Children.only(children) as React.ReactElement<React.HTMLAttributes<Element>>;
   const classNames = cssNames("Animate", name, contentElem.props.className, {
     enter: showClassNameEnter,
     leave: showClassNameLeave,

packages/ui-components/icon/src/icon.tsx

@@ -158,7 +158,9 @@ export interface BaseIconProps {
   "data-testid"?: string;
 }
 
-export interface IconProps extends React.HTMLAttributes<any>, BaseIconProps {
+export interface IconProps
+  extends React.HTMLAttributes<Element>,
+    BaseIconProps {
   children?: StrictReactNode;
 }
 
@@ -204,7 +206,7 @@ const RawIcon = (props: IconProps & Dependencies) => {
       onClick?.(event);
     }
   };
-  const boundOnKeyDown = (event: React.KeyboardEvent<any>) => {
+  const boundOnKeyDown = (event: React.KeyboardEvent) => {
     switch (event.nativeEvent.code) {
       case "Space":
 
@@ -240,7 +242,7 @@ const RawIcon = (props: IconProps & Dependencies) => {
     tabIndex: isInteractive && focusable && !disabled ? 0 : undefined,
     style: size
       ? ({
-          "--size": size + (isNumber(size) ? "px" : ""),
+          "--size": `${size}${isNumber(size) ? "px" : ""}`,
         } as React.CSSProperties)
       : undefined,
     ...elemProps,

packages/ui-components/tooltip/src/withTooltip.tsx

@@ -18,6 +18,7 @@ export interface TooltipDecoratorProps {
   tooltipOverrideDisabled?: boolean;
   id?: string;
   children?: StrictReactNode;
+  "data-testid"?: string;
 }
 
 export function withTooltip<TargetProps>(