Creo que tu pregunta es sobre 2 campos:

Diseño UX y organización de componentes

En primer lugar, creo que para dividir correctamente sus componentes para hacerlo, la metodología de diseño atómico es muy buena. En tu caso, tienes mucha información para cada columna. Por lo tanto, cada columna debe tener una nueva página para actualizar la información.

Ver más: https://medium.muz.li/atomic-design-methodology-166261ce47c2

Pero, sinceramente, no soy un especialista en esta parte. Es mejor publicar estas preguntas en uxstackexchange.

Organización y forma de administrar llamadas api en la aplicación Angular

Vea el diseño atómico (arquitectura limpia) para Angular aquí: https://medium.com/weekly-webtips/angular-clean-arquitecture-d40e9c50f51

Creo que en su aplicación, la mejor manera de administrar los datos + llamar a la API es implementar la tienda ngrx. Porque tendrá mucha información y mucha API de llamadas para administrar.

Por lo tanto, es una muy buena opción implementar directamente la tienda ngrx para administrar esta parte de su aplicación. Y ya usa rxjs, por lo que es el mismo concepto pero con una tienda para administrar el estado global en toda su aplicación.

Ver más: https://v9.ngrx.io/guide/store