Resolve circular dependencies (part 1 - UI)

Note for QA: There is nothing particular to test here, as these are purely internal changes, which are not visible for the user. You could perform some smoke tests, just to be sure that there was no regression here.

This is the first part of the dependency resolving. Mainly in the UI. Here we reduce overall number of errors in the app from 60 to 49

To check the circular dependencies install madge package locally.

Afterwards cd into the repo and run madge --extensions ts,tsx app/src --circular to see the number of errors Run madge --extensions ts,tsx app/src --circular -i img.jpg to see the graphical representation

Please, refer to the commits while reviewing.

Closes #1653