Move the Vikunja logo to the hamburger menu on mobile

src/App.vue

@@ -49,6 +49,9 @@
 				<div class="app-container">
 					<div class="namespace-container" :class="{'is-active': mobileMenuActive}">
 						<div class="menu top-menu">
+							<router-link :to="{name: 'home'}" class="logo">
+								<img src="/images/logo-full.svg" alt="Vikunja"/>
+							</router-link>
 							<ul class="menu-list">
 								<li>
 									<router-link :to="{ name: 'home'}">

src/styles/theme/navigation.scss

@@ -25,7 +25,9 @@
 
     @media screen and (max-width: $tablet) {
       .navbar-brand {
-        margin-left: 3em;
+        // This prevents the user icon from snapping to the left into the menu button
+        width: 0;
+        overflow: hidden;
       }
     }
 
@@ -197,6 +199,14 @@
           }
         }
       }
+
+      .logo {
+        display: none;
+
+        @media screen and (max-width: $tablet) {
+          display: block;
+        }
+      }
     }
 
     .top-menu {