fix: update main toolbar mobile to avoid hover on non clickable element

src/app/components/presentationals/main-toolbar/main-toolbar-mobile/main-toolbar-mobile.presentational.html

@@ -37,12 +37,12 @@
     </ng-template>
 
     <li *ngIf="!isProduction"
-        class="theme-selector">
+        class="theme-selector no-clickable">
       <dlcm-theme-selector [(theme)]="theme">
       </dlcm-theme-selector>
     </li>
 
-    <li class="version">
+    <li class="version no-clickable">
       {{appUtil.getVersions()}}
     </li>
   </ul>

src/app/components/presentationals/main-toolbar/main-toolbar-mobile/main-toolbar-mobile.presentational.scss

@@ -43,10 +43,13 @@ ul {
 li {
   list-style: none;
   padding: 8px 0px;
-  cursor: pointer;
 
-  &:hover {
-    background-color: $grey;
+  &:not(.no-clickable) {
+    cursor: pointer;
+
+    &:hover {
+      background-color: $grey;
+    }
   }
 }