Fix main navigation bar issues

client/src/components/MainNavigationBar.vue

@@ -139,6 +139,7 @@ const profileDropdownData = [
 
             <div class="flex items-center lg:hidden">
               <router-link
+                v-if="userStore.loggedIn"
                 to="/messages"
                 class="nav-item flex flex-row items-center"
               >
@@ -164,7 +165,7 @@ const profileDropdownData = [
 
           <!-- Mobile Menu open: "block", Menu closed: "hidden" -->
           <div
-            v-if="appStore.userLoaded && appStore.routingFinished && userStore.loggedIn "
+            v-if="appStore.userLoaded && appStore.routingFinished && userStore.loggedIn"
             :class="state.showMenu ? 'flex' : 'hidden'"
             class="
               flex-auto

client/src/components/MobileMenu.vue

@@ -42,7 +42,7 @@ const clickLink = (to: string) => {
             <h3>{{user.first_name}} {{user.last_name}}</h3>
               <button
                 @click="clickLink('/profile')"
-                class="mt-2 inline-block items-center">
+                class="mt-2 inline-block flex items-center">
                 <IconSettings class="inline-block" /><span class="ml-3">Kontoeinstellungen</span>
               </button>
           </div>
@@ -54,7 +54,7 @@ const clickLink = (to: string) => {
           v-if="learningPathName">
           <h4 class="text-gray-900 text-sm">Kurs: {{learningPathName}}</h4>
           <ul class="mt-6">
-            <li><button @click="clickLink('/learningpath')">Lernpfad</button></li>
+            <li><button @click="clickLink(`/learningpath/${learningPathSlug}`)">Lernpfad</button></li>
             <li class="mt-6">Kompetenzprofil</li>
           </ul>
         </div>
@@ -64,7 +64,7 @@ const clickLink = (to: string) => {
             <li class="mt-6">Mediathek</li>
           </ul>
         </div>
-        <div class="mt-6 items-center">
+        <div class="mt-6 items-center flex">
           <IconLogout class="inline-block" /><span class="ml-1">Abmelden</span>
         </div>
       </div>

client/src/views/CircleView.vue

@@ -49,7 +49,7 @@ onMounted(async () => {
               class="btn-text inline-flex items-center px-3 py-4 font-normal"
             >
               <it-icon-arrow-left class="-ml-1 mr-1 h-5 w-5"></it-icon-arrow-left>
-              <span class="hidden lg:inline">zurück zum Lernpfad</span>
+              <span class="inline">zurück zum Lernpfad</span>
             </router-link>
 
             <h1 class="text-blue-dark text-7xl">