Refactor Tooltip Wrapper (#13845)

frontend/components/TableContainer/DataTable/HeaderCell/HeaderCell.tsx

@@ -1,20 +1,17 @@
 import React from "react";
 
 import classnames from "classnames";
-import TooltipWrapper from "components/TooltipWrapper";
 
 interface IHeaderCellProps {
   value: string | JSX.Element; // either a string or a TooltipWrapper
   isSortedDesc?: boolean;
   disableSortBy?: boolean;
-  isLastColumn?: boolean;
 }
 
 const HeaderCell = ({
   value,
   isSortedDesc,
   disableSortBy,
-  isLastColumn = false,
 }: IHeaderCellProps): JSX.Element => {
   let sortArrowClass = "";
   if (isSortedDesc === undefined) {
@@ -25,23 +22,8 @@ const HeaderCell = ({
     sortArrowClass = "ascending";
   }
 
-  let lastColumnHeaderWithTooltipClass = "";
-  if (
-    typeof value !== "string" &&
-    value.type === TooltipWrapper &&
-    isLastColumn
-  ) {
-    lastColumnHeaderWithTooltipClass = "last-col-header-with-tip";
-  }
-
   return (
-    <div
-      className={classnames(
-        "header-cell",
-        sortArrowClass,
-        lastColumnHeaderWithTooltipClass
-      )}
-    >
+    <div className={classnames("header-cell", sortArrowClass)}>
       <span>{value}</span>
       {!disableSortBy && (
         <div className="sort-arrows">