Menu: fix menu button in the mobile view (#19191)

* replace "sandwich" (menu) button with logo(back home) if kiosk=tv
* update navbar initialize padding-left befause menu button is overlapped by the navbar

public/sass/components/_navbar.scss

@@ -2,7 +2,7 @@
   position: relative;
   position: relative;
   z-index: $zindex-navbar-fixed;
   z-index: $zindex-navbar-fixed;
   height: $navbarHeight;
   height: $navbarHeight;
-  padding: 0 20px 0 50px;
+  padding: 0 20px 0 60px;
   display: flex;
   display: flex;
   flex-grow: 1;
   flex-grow: 1;
   border-bottom: 1px solid transparent;
   border-bottom: 1px solid transparent;
@@ -44,7 +44,8 @@
   }
   }
 }
 }
 
 
-.panel-in-fullscreen {
+.panel-in-fullscreen,
+.panel-in-fullscreen.view-mode--tv {
   .navbar {
   .navbar {
     padding-left: $navbar-padding;
     padding-left: $navbar-padding;
   }
   }

public/sass/components/_view_states.scss

@@ -9,10 +9,8 @@
   }
   }
 
 
   .navbar-page-btn {
   .navbar-page-btn {
-    transform: translate3d(-36px, 0, 0);
-
     i {
     i {
-      opacity: 0;
+      display: none;
     }
     }
 
 
     i.navbar-page-btn__folder-icon {
     i.navbar-page-btn__folder-icon {
@@ -49,9 +47,16 @@
     box-shadow: none;
     box-shadow: none;
 
 
     .sidemenu__top,
     .sidemenu__top,
-    .sidemenu__bottom {
+    .sidemenu__bottom,
+    .sidemenu__logo_small_breakpoint {
       display: none;
       display: none;
     }
     }
+
+    .sidemenu__logo {
+      @include media-breakpoint-down(sm) {
+        display: block;
+      }
+    }
   }
   }
 
 
   .navbar {
   .navbar {