Bootstrap the device 'facilities' and other essential data into the single-page app

In the Coach, User, and Facility plugins, we make substantial changes to the layout and behavior of each plugins’ Single-Page app depending on whether or not the device has 1 or more facilities.

This data (the facilities on the device) need to be available as soon as the app renders, but is (usually) requested asynchronously inside of a beforeEnter guard in the Vue Router, or perhaps somewhere else in a Vuex action. There is one bug #7222 that appears to be the result of the facilities not being loaded in time.

The ask: we bootstrap the facilities information into the SPA as we do for other crucial information, so it is always guaranteed that this data is available when the page renders.

[nucleogenesis]

Another thing we might consider is that we could bootstrap it using JS in the app.js for any individual plugin using the stateSetters method of the KolibriApp class that all of our plugins are extended from.

https://github.com/learningequality/kolibri/blob/7f76b3b2caa9b7866b318c7140d3a34704e3962d/kolibri/core/assets/src/kolibri_app.js#L38-L49

[rtibbles]

Dozens is still not particularly problematic - thousands might be though.