[DataTable]: header's padding are not aligned with the cell's padding when columnsGap and renderRow props are applied

[mari-shakhanava]

Steps to Reproduce

1. There is DataTable component with default props and following props applied

columnsGap="12"
size="30"
renderRow = {}

2. textAlign: "left" for the first column

Example:
https://codesandbox.io/p/sandbox/uui-forked-l3f33k?file=%2FExample.tsx%3A106%2C7-108%2C11

Actual result

Header's padding is not aligned with the cell's padding when columnsGap prop applied.
Cell has --uui-dt-cell-padding-start: 24px;
Header cell has --uui-dt-cell-padding-start: 12px;

Expected result

The header's and cell's text are aligned in the first column, as well as they are aligned in the other columns, or as well as they are aligned without the renderRow option passed to the DataTable props.

Environment

• UUI version: latest
• Browser name: latest
• Operating System: windows

[AlekseyManetov]

If you provide renderRow callback, you also should specify columnGap prop for DataTableRow, otherwise default columnGap value will be used, which is equal to '24'.