fix: fix that some styles doesn’t work

[im36-123]

Currently, some styles of Cell component has problem, because of missing ;.
This problem became apparent with the update of Styled-components. There seems to be a difference in output between v4 and v5.

Input
Note: some properties have no ;

const Th = styled.th<{ themes: Theme}>`
  ${({ themes}) => {
    const { size, palette, interaction } = themes

    return css`
      font-size: ${size.pxToRem(size.font.SHORT)}
      font-weight: bold;
      padding: ${size.pxToRem(size.space.XS)};
      color: ${palette.TEXT_GREY};
      transition: ${isTouchDevice ? 'none' : `background-color ${interaction.hover.animation}`}
      text-align: left;
      line-height: 1.5;
      vertical-align: middle;
    `
  }}
`

Output (v4)

.foo {
    font-size: 0.6875rem;
    font-weight: bold;
    padding: 1rem;
    color: #767676;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    text-align: left;
    line-height: 1.5;
    vertical-align: middle;
}

Output (v5)
font-size and transition have wrong value.

.foo {
    font-size: 0.6875rem font-weight:bold;
    padding: 1rem;
    color: #767676;
    -webkit-transition: background-color .3s ease-out text-align:left;
    transition: background-color .3s ease-out text-align:left;
    line-height: 1.5;
    vertical-align: middle;
}

Lines without ; seem to be convert to value until the next ; (I think this is the correct behavior).

So, I added ; to enable properties correctly.

[reg-suit]

reg-suit detected visual differences.

Check this report, and review them.

🔴

🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵🔵

What do the circles mean?

The number of circles represent the number of changed images.
🔴 : Changed items, ⚪ : New items, ⚫ : Deleted items, and 🔵 Passed items

How can I change the check status?

If reviewers approve this PR, the reg context status will be green automatically.

[netlify]

Deploy preview for smarthr-ui ready!

Built with commit 9f2680d

https://deploy-preview-705--smarthr-ui.netlify.com

[nabeliwo]

Thank you for your great contribution!! LGTM 🎉

[im36-123]

Thanks for your review!!