Structure header and move hamburguer menu to the left

src/layouts/MainLayout.vue

@@ -47,7 +47,7 @@ const logoutSupplantedUser = async () => {
 </script>
 
 <template>
-    <QLayout view="lHh Lpr lFf">
+    <QLayout view="hhh Lpr fFf">
         <QHeader>
             <QToolbar>
                 <QBtn
@@ -57,7 +57,9 @@ const logoutSupplantedUser = async () => {
                     icon="menu"
                     aria-label="Menu"
                     @click="toggleLeftDrawer"
+                    class="q-mr-md"
                 />
+                <img class="logo q-mr-lg" src="statics/logo-dark.svg" />
                 <QToolbarTitle>
                     {{ customTitle || menuTitle }}
                     <div v-if="subtitle" class="subtitle text-caption">
@@ -77,15 +79,14 @@ const logoutSupplantedUser = async () => {
                 </QBtn>
             </QToolbar>
         </QHeader>
+
+        <QPageContainer :key="refreshContentKey">
             <QDrawer
                 v-model="leftDrawerOpen"
                 :width="250"
                 show-if-above
                 data-testid="layoutMenuDrawer"
             >
-            <QToolbar class="logo">
-                <img src="statics/logo-dark.svg" />
-            </QToolbar>
                 <div class="user-info">
                     <div>
                         <span id="user-name" data-testid="layoutUserName">
@@ -139,7 +140,9 @@ const logoutSupplantedUser = async () => {
                                 <QItemSection>
                                     <QItemLabel>
                                         {{
-                                        $t(`menuTitles.${subitem.description}`)
+                                            $t(
+                                                `menuTitles.${subitem.description}`
+                                            )
                                         }}
                                     </QItemLabel>
                                 </QItemSection>
@@ -148,7 +151,6 @@ const logoutSupplantedUser = async () => {
                     </QExpansionItem>
                 </QList>
             </QDrawer>
-        <QPageContainer :key="refreshContentKey">
             <router-view />
         </QPageContainer>
     </QLayout>
@@ -158,14 +160,11 @@ const logoutSupplantedUser = async () => {
 .q-toolbar {
     min-height: 64px;
 }
-.logo {
-    background-color: $primary;
-    justify-content: center;
 
-    & > img {
+.logo {
     width: 160px;
 }
-}
+
 .user-info {
     margin: 25px;