refactor: put TD up back in the table

front/src/components/table/ClickableCell.tsx

@@ -4,14 +4,15 @@ import { Link } from 'react-router-dom';
 
 type OwnProps = {
   href: string;
-  id: string;
   children?: React.ReactNode;
 };
 
-const TD = styled.td`
+const StyledClickable = styled.div`
   position: relative;
   box-sizing: border-box;
   height: 32px;
+  display: flex;
+  align-items: center;
 
   ::before {
     content: '';
@@ -35,13 +36,13 @@ const Container = styled.span`
   padding-left: ${(props) => props.theme.spacing(2)};
 `;
 
-function ClickableCell({ href, children, id }: OwnProps) {
+function ClickableCell({ href, children }: OwnProps) {
   return (
-    <TD key={id}>
+    <StyledClickable>
       <Link to={href}>
         <Container>{children}</Container>
       </Link>
-    </TD>
+    </StyledClickable>
   );
 }