Add icon property to table.

front/src/components/table/TableHeader.tsx

@@ -1,15 +1,27 @@
 import styled from '@emotion/styled';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
 
 type OwnProps = {
   viewName: string;
+  viewIcon?: IconProp;
 };
 
 const StyledTitle = styled.div`
   display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 5px;
+  color: ${(props) => props.theme.text60};
 `;
 
-function TableHeader({ viewName }: OwnProps) {
-  return <StyledTitle>{viewName}</StyledTitle>;
+function TableHeader({ viewName, viewIcon }: OwnProps) {
+  return (
+    <StyledTitle>
+      {viewIcon && <FontAwesomeIcon icon={viewIcon} />}
+      {viewName}
+    </StyledTitle>
+  );
 }
 
 export default TableHeader;