main-menu: Use simplified version when the window height is below 900

Otherwise it gets in top of the bars or out of the screen.

src/App.vue

@@ -197,7 +197,7 @@
                 <GlassButton
                   v-for="menuitem in currentSubMenu"
                   :key="menuitem.title"
-                  :label="interfaceStore.isOnSmallScreen ? undefined : menuitem.title"
+                  :label="simplifiedMainMenu ? undefined : menuitem.title"
                   :label-class="menuLabelSize"
                   :button-class="interfaceStore.isOnSmallScreen ? '-ml-[2px]' : ''"
                   :icon="menuitem.icon"
@@ -509,8 +509,10 @@ watch(isConfigModalVisible, (newVal) => {
   }
 })
 
+const maxScreenHeightThatFitsLargeMenu = 900
+
 watch(
-  () => windowHeight.value < 450,
+  () => windowHeight.value < maxScreenHeightThatFitsLargeMenu,
   (isSmall: boolean) => {
     simplifiedMainMenu.value = isSmall
   }
@@ -522,7 +524,7 @@ const updateWindowHeight = (): void => {
 
 onMounted(() => {
   window.addEventListener('resize', updateWindowHeight)
-  if (windowHeight.value < 450) {
+  if (windowHeight.value < maxScreenHeightThatFitsLargeMenu) {
     simplifiedMainMenu.value = true
   }
 })