Payroll Filter UI

[egharvey]

Overview

This PR adds the payroll history screen with the ability to view the user's payroll history and filter it by a number of fields. Supports loading, loaded and error states and validates filter inputs. As the APIhas not yet been implemented, this is using dummy data at present. I tried to upload screenshots, but GitHub was not happy with that.

Known Issues

• While translation ready, currently only supports English (I only know English)
• API is not implemented, logic was prepared in comments, but is likely not complete, API result may come out different than expected.
• There is a massive if else series in PayrollScreen.tsx, given my current knowledge of TypeScript, this was the best way I could think to do this, I am open to feedback on this.

[egharvey]

Branch now implements payroll api.

[TeddyScript101]

1. Please provide screenshots for your PR next time. I have attached the screenshots here this time.
2. I will create a ticket for the multilingual support, no worries.
3. It is found that the integration of the API is not perfect (Failed to load payroll history), but your task is mainly for the frontend. I will handle this matter.