feat: transition to full sidebar at xl instead of lg

cypress/integration/app.spec.ts

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2022 StApps
+ * Copyright (C) 2023 StApps
  * This program is free software: you can redistribute it and/or modify it
  * under the terms of the GNU General Public License as published by the Free
  * Software Foundation, version 3.
@@ -22,7 +22,7 @@ describe('App', () => {
   it('should have a proper working navigation', () => {
     cy.visit('/');
 
-    cy.contains('Einstellungen').click();
-    cy.get('ion-title').contains('Einstellungen');
+    cy.contains('ion-tab-button', 'Mensa').click();
+    cy.get('ion-title').contains('Mensa');
   });
 });

src/app/modules/menu/navigation/navigation.html

@@ -14,7 +14,7 @@
   -->
 
 <stapps-offline-notice></stapps-offline-notice>
-<ion-split-pane contentId="main" when="lg">
+<ion-split-pane contentId="main" when="xl">
   <ion-menu menuId="main" contentId="main" type="overlay" side="start" swipe-gesture="false">
     <ion-header>
       <ion-toolbar color="primary" mode="ios">

src/app/modules/menu/navigation/navigation.scss

@@ -16,7 +16,7 @@
 @import '../../../../theme/util/mixins';
 
 stapps-navigation-tabs {
-  @include ion-lg-up {
+  @include ion-xl-up {
     display: none;
   }
 }
@@ -41,7 +41,7 @@ stapps-offline-notice.is-offline ~ ion-split-pane {
       margin-left: var(--navigation-rail-width);
     }
 
-    @include ion-lg-up {
+    @include ion-xl-up {
       margin-left: 0;
     }
   }