fix: adds cursor pointer to table column header (#1715)

* fix: adds cursro pointer to table column header

* fix: lifts up the onclick handler to header not tag making consistent with other tables

front/src/modules/ui/board/components/BoardColumn.tsx

@@ -97,8 +97,8 @@ export const BoardColumn = ({
 
   return (
     <StyledColumn isFirstColumn={isFirstColumn}>
-      <StyledHeader>
-        <Tag onClick={handleTitleClick} color={color ?? 'gray'} text={title} />
+      <StyledHeader onClick={handleTitleClick}>
+        <Tag color={color ?? 'gray'} text={title} />
         {!!totalAmount && <StyledAmount>${totalAmount}</StyledAmount>}
         <StyledNumChildren>{numChildren}</StyledNumChildren>
       </StyledHeader>

front/src/modules/ui/table/components/EntityTableHeader.tsx

@@ -72,6 +72,10 @@ const StyledEntityTableColumnMenu = styled(EntityTableColumnMenu)`
   z-index: ${({ theme }) => theme.lastLayerZIndex};
 `;
 
+const StyledTableHead = styled.thead`
+  cursor: pointer;
+`;
+
 export const EntityTableHeader = () => {
   const [resizeFieldOffset, setResizeFieldOffset] = useRecoilState(
     resizeFieldOffsetState,
@@ -155,7 +159,7 @@ export const EntityTableHeader = () => {
   }, []);
 
   return (
-    <thead data-select-disable>
+    <StyledTableHead data-select-disable>
       <tr>
         <th
           style={{
@@ -214,6 +218,6 @@ export const EntityTableHeader = () => {
           )}
         </th>
       </tr>
-    </thead>
+    </StyledTableHead>
   );
 };