Code maintenance/69682 lazy loaded projects portfolio filters

[ulferts]

Ticket

https://community.openproject.org/wp/69682

What are you trying to accomplish?

Increase the perceived loading time of the projects and the portfolio list by loading the filter section on both pages in a separate turbo frame request. The initial load time is reduced considerably in instances with a number of custom fields as the filter loading is not yet optimized and suffers from n+1 queries.

• [x] Use turbo frame for loading the filter section on projects and portfolios index page.
• [x] Use lazy loading
• [x] Show a loading skeleton
• [x] Have loading skeleton work same as actual filter section regarding toggling visibility via the button

This change touches more places than it should. The reason for this is the existence of multiple implementations of the filters component. The PR at least try to applies the same principles across all the places.

Merge checklist

• [ ] Added/updated tests
• [ ] Added/updated documentation in Lookbook (patterns, previews, etc)
• [ ] Tested major browsers (Chrome, Firefox, Edge, ...)