Refactor piped list components

[cakecatz]

What this PR does / why we need it:

Create piped table row component and use it.

Which issue(s) this PR fixes:

Fixes #

Does this PR introduce a user-facing change?:

NONE

[pipecd-bot]

Code coverage for golang is 33.83%. This pull request does not change code coverage.

[pipecd-bot]

Code coverage for javascript is 86.18%. This pull request increases coverage by 0.02%.

File	Base	Head	Diff
src/constants/ui-text.ts	100.00%	100.00%	+0.00%

[nghialv]

Thank you.
/lgtm

[khanhtc1202]

nits, prefix Piped is redundant to me 👀

[cakecatz]

@khanhtc1202
If there were no Piped, wouldn't it be hard to distinguish it from the TableRow in material-ui?

[khanhtc1202]

ops, I see 👀 In that case, maybe my suggestion is: rename the component to TableRow and in the calling side

import { TableRow as PipedTableRow } from "./piped-table-row";

but in the second thought, It is quite laborious to do so, so the current implementation is LGTM 👍
I'm going to merge this PR 🏃‍♂️

[khanhtc1202]

Thank you 🚀
/approve

[pipecd-bot]

This pull request is APPROVED by khanhtc1202.

Approvers can cancel the approval by writing /approve cancel in a comment. Any additional commits also will change this pull request to be not-approved.