[@mantine/core] Table: Fix wrong styling with borders and rowspan

[seeratawan01]

Issue: #3049

Description

Fixed the style issues with table component. There are multiple issues with borders when we use the table component with different props such as striped, withBorder or withColumnBorders.

What package has changed?

@mantine/core

Fixes # (issues)

[x] When we use withColumnBorders and rowSpan, the border left is not visible of the cells which are now in front of the rowSpan cell. (This is fixed by using borderRight instead of borderLeft for the cells)

[x] When we use rowSpan and rowspaned cell reaches the last row, the unexpected border bottom is added to the last row. (This is fixed by using borderTop for the rows instead of borderBottom)

[ ] When we use striped, striping works well but when the rowspan is used along, the user might expect the striping to be applied to the cells in front of the rowspan cell regarded as one row. (This is not fixed)

Screenshots

normal without any props

props: withBorder, withColumnBorders and striped

props: withColumnBorders and striped

[rtivital]

Thanks!