Update POL Cost detail accordion

Purpose: Improve the usability of the fields in the cost details accordion on the Purchase order line.

User story statement(s):

As an ordering librarian
I want to see cost details with price and quantity next to each other and with consistent labeling
so that it is easy for me to understand what fields I need to populate in order to represent the cost of what I am ordering.

Scenarios:

1. Scenario:
   • Given User is creating/editing a POL
   • When when inputing cost details
   • Then the order of fields is as follows: (See screenshot)
     • Physical unit price
     • Quantity physical
     • Currency
     • Additional cost
     • Electronic unit price (Current label "Unit price of electronic" must change)
     • Quantity electronic
     • Discount
     • Type
     • Estimated price
2. Scenario:
   • Given the user has created a POL with cost details
   • When the user is viewing the cost details accordion in the view pane
   • Then the fields appear the same order described above (See screenshot 2)
3. Scenario:
   • Given User is creating/editing a PO template
   • When when inputing cost details at POL
   • Then the order of fields is as follows: (See screenshot 3)
     • Physical unit price
     • Quantity physical
     • Currency
     • Additional cost
     • Electronic unit price (Current label "Unit price of electronic" must change)
     • Quantity electronic
     • Discount
     • Type
     • Estimated price
4. Scenario:
   • Given the user has created a PO template with cost details
   • When the user is viewing the cost details accordion in the template view screen
   • Then the fields appear the same order described above (See screenshot 4)