[UI] Change Physical Inventory page layout to support lot feature

This story is split from OLMIS-2093.

Context:
Change the physical Inventory page layout to support lot feature.

Scope in:
Two new columns in the table: lot number and expiry date;
Group same trade item's lot;
Expand view;

Scope out:
Backend API changes;

Acceptance Criteria:

1. Given I am on the new physical inventory page, each page would list out 20 products maximum no matter whether it has lot belong to it;

2. Given I am on the new physical inventory page, all lots belong to the same trade item would be grouped displayed as the attached mockup.

3. Give I am on the new physical inventory page, if one trade item does not have lot then its lot code value is no lot define and its expiry date field is empty and the stock on hand field value is the same stock on hand quantity of this trade item's stock card.

4. Given I am on the new physical inventory page when there is no lot information configured at the central level then the table will not display the lot code or the expiry date field;