Adjust some styling and layouting issues in the front-end

[gjong]

Breaking change

Proposed change

The UX has been updates slightly to make the application a bit more usable. The following has been updated:

• The pie charts on transaction overviews has been replaced with doughnut charts, with the hover in the centre.
• Alignment issue on the liability detail page was fixed.
• Currency was added to the axis in the reports.
• Wrapping of the pills on the dashboard page is fixed to always show 2 pills if possible.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (which adds functionality to the application)
• Deprecation (breaking change to happen in the future)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Additional information

• This PR fixes or closes issue: fixes [Bug]: The pills on the dashboard wrap incorrect #22
• This PR fixes or closes issue: fixes [Bug]: Currency missing on axis in the reports #23
• This PR fixes or closes issue: fixes [Feature]: Change the chart type on the transaction overview page #24

Checklist

• The code change is tested and works locally.
• Local tests pass. Your PR cannot be merged unless tests pass
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud