Angular Material 16 - virtual-scroll & mouse selection/contextmenu | performance improvement -- 2

I want to display albums that we get from a rest api server. the server has pagination. I need infinity scrolling with these albums & virtual scrolling so the performance of the mouse selection is good enough.

Currently i can only have loading pages when i scroll to the bottom.
Goal is to have virtual scrolling for the cards. They should be displayed as a grid of cards. Filling the full width and height. The context menu works on the card, on the card selection, on the grid.

So when scrolling the top navbar should disappear after that the page should be loaded when almost bottom is reached to load more items. It should use virtual scrolling with smooth experience. and context menu and mouse selection should work

Acceptance Criteria:
- Context Menu works
- Catching pages when almost scrolled down (preload pages) works (smooth experience)
- virtual scrolling works.
- mouse selection works (bonus)
- Top nav bar scrolls away-

repo will be provided on github. Server can also be provided as .exe file (only windows possible currently).

Follow up projects possible.