Strengthen Table component

[MikeLockz]

Current Table implement is not flexible enough and does not work out-of-the-box. First step to using the Table is to rewrite the styles as a new styled-component with enough base styles to get it working correct.

For a basic table use-case, the Table component should not need any custom or extended styling to work well responsively.

How would we rewrite this component to no need custom styling to work out of the box?

Acceptance criteria:

• Should be responsive down to 320px
• Should not need custom styled elements (th, td, tr)

example of customized table from Storefront :

const StyledTable = styled(RimbleTable)`
  & {
    display: block;
    width: 100%;
    overflow: auto;
    border-width: 0;
  }

  th,
  td {
    border: solid;
    border-width: 1px;
    border-color: inherit;
    padding: 0 1.5rem;
  }
`;

Relates to #420

E: 1D