HK: remove useCallback in WidgetStatusIcon (#38006)

frontend/src/metabase/parameters/components/WidgetStatusIcon.tsx

-import { useCallback } from "react";
 import cx from "classnames";
 import { Icon } from "metabase/ui";
 
@@ -8,20 +7,16 @@ type Props = {
 };
 
 export function WidgetStatusIcon({ name, onClick }: Props) {
-  const classes = cx(
-    "flex-align-right flex-no-shrink",
-    name === "close" && "cursor-pointer",
-  );
+  const classes = cx("flex-align-right flex-no-shrink", {
+    "cursor-pointer": name === "close",
+  });
 
-  const handleOnClick = useCallback(
-    e => {
-      if (onClick) {
-        e.stopPropagation();
-        onClick();
-      }
-    },
-    [onClick],
-  );
+  const handleOnClick = (e: React.MouseEvent) => {
+    if (onClick) {
+      e.stopPropagation();
+      onClick();
+    }
+  };
 
   return (
     <Icon name={name} onClick={handleOnClick} size={12} className={classes} />