fix: add layout props to TableHeaderCell and TableCell (#185)

Author: lloydaf

src/components/Table/components/TableCell.tsx

@@ -1,10 +1,13 @@
 import React, { ComponentPropsWithoutRef, FC, useContext } from 'react';
 import styled from 'styled-components';
-import { compose, textAlign, TextAlignProps } from 'styled-system';
+import { compose, LayoutProps, textAlign, TextAlignProps } from 'styled-system';
 import { TableContext } from '../context/TableContext';
 import { TableProps } from './Table';
 
-type TableCellProps = Pick<TableProps, 'rowSize' | 'columnSpace'> & ComponentPropsWithoutRef<'td'> & TextAlignProps;
+type TableCellProps = Pick<TableProps, 'rowSize' | 'columnSpace'> &
+    ComponentPropsWithoutRef<'td'> &
+    TextAlignProps &
+    LayoutProps;
 
 const TableCellElement = styled.td<TableCellProps>`
     height: ${p => p.rowSize};

src/components/Table/components/TableHeaderCell.tsx

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithoutRef, FC, useContext } from 'react';
 import styled from 'styled-components';
-import { compose, textAlign, TextAlignProps } from 'styled-system';
+import { compose, LayoutProps, textAlign, TextAlignProps } from 'styled-system';
 import { Colors } from '../../../essentials';
 import { theme } from '../../../essentials/theme';
 import { get } from '../../../utils/themeGet';
@@ -9,7 +9,8 @@ import { TableProps } from './Table';
 
 type TableHeaderCellProps = Pick<TableProps, 'rowSize' | 'columnSpace'> &
     ComponentPropsWithoutRef<'th'> &
-    TextAlignProps;
+    TextAlignProps &
+    LayoutProps;
 
 const TableHeaderCellElement = styled.th.attrs({ theme })<TableHeaderCellProps>`
     border-bottom: 0.0625rem solid ${Colors.AUTHENTIC_BLUE_550} !important;