WIP: Feature/176 improve UI

[we-are-digital-architects]

Description

Issue

This PR addresses issue #[issue-number].

Contribution Checklist:

• The pull request only addresses one issue or adds one feature.
• The pull request does not introduce any breaking changes
• I have added screenshots or gifs to help explain the change if applicable.
• I have read the contribution guidelines.
• I have ran the linting and formatting scripts to make sure the code is consistently styled.
• I have built/compiled and ran the tests to make sure the code works correctly.
• I have added or changed tests to cover new or different functionality, where applicable.
• Create an issue and link to the pull request.

Note: Keeping the PR small and focused helps make it easier to review and merge. If you have multiple changes you want to make, please consider submitting them as separate pull requests.