[FEATURE]: Decouple components ui data from api responses and backend data structures

[khaledosman]

Motivation

Our UI components are very tightly coupled to the api responses and backend data structures, ideally components should only think in the context of what they render and what data they need to render, while having backend datastructures separated in the services with a transformation step that can transform the returned api responses into what the ui components need

This would help make refactoring or any changes to the backend response much easier while decreasing the impact on the frontend components

Alternatives

No response

Contribution

No response

Have you searched for similar issues before submitting this one?

• Yes, I have searched for similar issues