vue warnings when loading mri page (PR #342)

[ntraut]

Thank you for your feedback.

Is it a [x] bug report or a [ ] feature request?

Current behaviour

When opening an MRI page, we get those warnings:

runtime-core.esm-bundler.js:5033 Feature flags __VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__ are not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle.

For more details, see https://link.vuejs.org/feature-flags.

runtime-core.esm-bundler.js:40 [Vue warn]: injection "displaySettings" not found. 
  at <Nav> 
  at <Header> 
  at <Anonymous> 
  at <MRIPage>

runtime-core.esm-bundler.js:40 [Vue warn]: Invalid prop: type check failed for prop "ontology". Expected Object, got Null  
  at <OntologySelector ontology=null open=false onOnClose=fn  ... > 
  at <Editor title="Loading..." class="reduced" tools-min-height="auto" > 
  at <Anonymous> 
  at <MRIPage>

We can also see them in project and project setting pages.

Expected behaviour

Ideally, those warnings should be addressed so we no longer see them.

Version information (for bug reports)

• Browser + version:
  Chrome 119
• Your OS + version:
  macOS 12.6