Add sidebar component to layouts

client/src/App.vue

@@ -10,7 +10,7 @@
       :is="showModal"
       v-if="showModal"/>
     <component :is="layout"/>
-    <mobile-navigation v-if="showMobileNavigation"/>
+
   </div>
 </template>
 
@@ -21,7 +21,6 @@
   import FullScreenLayout from '@/layouts/FullScreenLayout';
   import PublicLayout from '@/layouts/PublicLayout';
   import Modal from '@/components/Modal';
-  import MobileNavigation from '@/components/book-navigation/MobileNavigation';
   import NewContentBlockWizard from '@/components/content-block-form/NewContentBlockWizard';
   import EditContentBlockWizard from '@/components/content-block-form/EditContentBlockWizard';
   import NewRoomEntryWizard from '@/components/rooms/room-entries/NewRoomEntryWizard';
@@ -49,7 +48,6 @@
       FullScreenLayout,
       PublicLayout,
       Modal,
-      MobileNavigation,
       NewContentBlockWizard,
       EditContentBlockWizard,
       NewRoomEntryWizard,

client/src/layouts/BlankLayout.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="blank-layout">
     <profile-sidebar/>
+    <navigation-sidebar/>
     <router-view/>
   </div>
 </template>
@@ -16,8 +17,12 @@
 
 <script>
   import ProfileSidebar from '@/components/profile/ProfileSidebar';
+  import NavigationSidebar from '@/components/book-navigation/NavigationSidebar';
 
   export default {
-    components: {ProfileSidebar},
+    components: {
+      ProfileSidebar,
+      NavigationSidebar
+    },
   }
 </script>

client/src/layouts/DefaultLayout.vue

@@ -2,13 +2,10 @@
   <div
     :class="specialContainerClass"
     class="container skillbox layout">
+    <navigation-sidebar/>
     <profile-sidebar/>
     <header-bar class="header layout__header"/>
 
-    <mobile-header
-      class="header layout__header layout__header--mobile"
-    />
-
     <router-view class="layout__content"/>
     <default-footer class="layout__footer"/>
   </div>
@@ -19,12 +16,14 @@
   import MobileHeader from '@/components/MobileHeader';
   import ProfileSidebar from '@/components/profile/ProfileSidebar';
   import DefaultFooter from '@/layouts/DefaultFooter';
+  import NavigationSidebar from '@/components/book-navigation/NavigationSidebar';
 
   export default {
     components: {
       HeaderBar,
       MobileHeader,
       ProfileSidebar,
+      NavigationSidebar,
       DefaultFooter
     },