[Enhancement]: Transition Component View Improvement

[Sky0307]

Detailed Description

Provide a detailed description of the change or addition you are proposing
The current implementation of transition component view is messy

Context

Why is this change important to you? How would you use it?
How can it benefit other users?

Possible Implementation

Not obligatory, but suggest an idea for implementing addition or change

1. Display the image first, then text
2. Data align to the left
3. add a separate line between transitions
4. unit and value on the same line
5. Add a header or some sort to each transition instead of straight showing the data
   1. Entry 1 before showing data

[Sky0307]

• Display the image first, then text
• Data align to the left
• add a separate line between transitions
• unit and value on the same line
• on /transitions, colour code the date based on certain updates
  - new transition was created
  - transitions not approved yet