refactor: rename infobar to titlebar, update README and adjust the code appropriately

pls refer to the according review note:
https://gitlab.gwdg.de/subugoe/emo/Qviewer/-/merge_requests/186#note_338224

README.md

@@ -187,7 +187,7 @@ You can fully customize the Viewer's behaviour:
 There are options to
 
 - change the color scheme
-- show or hide individual bars (info, navigation, toggles)
+- show or hide individual bars (titles, navigation, toggles)
 - group multiple components inside a single panel
 - set the order of the panels
 - rename labels and / or panel headings
@@ -225,9 +225,9 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
       },
       "header_section": {
         "show": true,
-        "info": true,
         "navigation": true,
         "panelheadings": true,
+        "titles": true,
         "toggle": true
       },
       "labels": {
@@ -330,10 +330,6 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
 
       *(A use case might be to embed the Viewer into an existing website and you simply need more screen space)*
 
-  - **info**
-
-      set this value to `false` if you want to switch off the Infobar (a.k.a. breadcrumbs)  
-
   - **navigation**
 
       set this value to `false` if you want to switch off the NavBar
@@ -342,6 +338,10 @@ As a rule of thumb, each key with a boolean value (e.g. *true* or *false*) defau
 
     set this value to `false` if you want to switch off the panels' headings respectively
 
+    - **titles**
+
+    set this value to `false` if you want to switch off the Titlebar (a.k.a. breadcrumbs)  
+
   - **toggle**
 
       set this value to `false` if you want to switch off the ToggleBar.

src/components/header.vue

 <template>
   <q-header :class="$q.dark.isActive ? 'bg-dark' : 'bg-secondary text-primary'">
     <div class="header__wrap">
-      <q-toolbar v-if="config['header_section'].info">
-        <Infobar
+      <q-toolbar v-if="config['header_section'].titles">
+        <TitleBar
           v-if="manifests.length"
           class="col-xs-9"
           :collectiontitle="collectiontitle"
@@ -34,7 +34,7 @@
           />
 
           <div
-            v-if="!config['header_section'].info"
+            v-if="!config['header_section'].titles"
           >
             <Tools
               :config="config"
@@ -49,16 +49,16 @@
 </template>
 
 <script>
-import Infobar from '@/components/infobar.vue';
 import Navbar from '@/components/navbar.vue';
+import TitleBar from '@/components/titlebar.vue';
 import TogglePanels from '@/components/togglebar/togglePanels.vue';
 import Tools from '@/components/tools.vue';
 
 export default {
   name: 'Header',
   components: {
-    Infobar,
     Navbar,
+    TitleBar,
     TogglePanels,
     Tools,
   },

src/components/infobar.vue → src/components/titlebar.vue

@@ -20,7 +20,7 @@
 import { fasChevronRight } from '@quasar/extras/fontawesome-v5';
 
 export default {
-  name: 'Infobar',
+  name: 'Titlebar',
   props: {
     collectiontitle: {
       type: String,

src/index.template.html

@@ -64,9 +64,9 @@
       },
       "header_section": {
         "show": true,
-        "info": true,
         "navigation": true,
         "panelheadings": true,
+        "titles": false,
         "toggle": true
       },
       "labels": {