[Cleanup] Line Item Product Table Redesign

[Civolilah]

@beganovich @turbo124 The PR includes line item product table redesign according to Figma design. Screenshot:

Let me know your thoughts.

[turbo124]

Dropdowns are not working, i cannot see the content from them:

[Civolilah]

Dropdowns are not working, i cannot see the content from them:

@turbo124 The conflict in the customization of the select field. The issue has been fixed. Let me know your thoughts.

[turbo124]

The initial issue is now resolved, however...

We may have to rethink the overall logic here. As you can see, with multiple custom fields the line items quickly become unmanageable.

We may need to entertain so method that allows us onFocus() to present the field in its full width, either via Modal - or - by dynamically resizing..

@beganovich do you have any input on this?

[beganovich]

Two ways I'd go about this.

a) multi-line table rows (cards)
b) horizontally scrollable table with line total and x pinned.
c) limit the number of enabled columns (max 5 or 6).

We may need to reconstruct the tables a bit for option b, but we have to do same for a.

Other than that, can't do much, this will be always issue when too many columns.