fix: move the Modules menu directly under the Device menu (#2200)

Author: ert78gb

packages/uhk-web/src/app/components/side-menu/side-menu.component.html

@@ -122,6 +122,44 @@
                     </li>
                 </ul>
             </li>
+
+            <li class="sidebar__level-1--item"
+                *ngIf="!state.restoreUserConfiguration">
+                <div class="sidebar__level-1">
+                    <fa-icon [icon]="faPuzzlePiece"></fa-icon>
+                    Modules
+                    <fa-icon [icon]="this.sideMenuState.addon.icon"
+                             class="chevron float-end"
+                             (click)="toggleMenuItem('addon')"></fa-icon>
+                </div>
+                <ul [@toggler]="this.sideMenuState.addon.animation">
+                    <li class="sidebar__level-2--item" data-name="Key cluster" data-abbrev="">
+                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                            <a [routerLink]="['/add-on', 'key-cluster']"
+                               [class.disabled]="state.updatingFirmware">Key cluster</a>
+                        </div>
+                    </li>
+                    <li class="sidebar__level-2--item" data-name="Trackball" data-abbrev="">
+                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                            <a [routerLink]="['/add-on', 'trackball']"
+                               [class.disabled]="state.updatingFirmware">Trackball</a>
+                        </div>
+                    </li>
+                    <li class="sidebar__level-2--item" data-name="Touchpad" data-abbrev="">
+                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                            <a [routerLink]="['/add-on', 'touchpad']"
+                               [class.disabled]="state.updatingFirmware">Touchpad</a>
+                        </div>
+                    </li>
+                    <li class="sidebar__level-2--item" data-name="Trackpoint" data-abbrev="">
+                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
+                            <a [routerLink]="['/add-on', 'trackpoint']"
+                               [class.disabled]="state.updatingFirmware">Trackpoint</a>
+                        </div>
+                    </li>
+                </ul>
+            </li>
+
             <li class="sidebar__level-1--item"
                 *ngIf="!state.restoreUserConfiguration">
                 <div class="sidebar__level-1">
@@ -182,42 +220,6 @@
                     </li>
                 </ul>
             </li>
-            <li class="sidebar__level-1--item"
-                *ngIf="!state.restoreUserConfiguration">
-                <div class="sidebar__level-1">
-                    <fa-icon [icon]="faPuzzlePiece"></fa-icon>
-                    Modules
-                    <fa-icon [icon]="this.sideMenuState.addon.icon"
-                             class="chevron float-end"
-                             (click)="toggleMenuItem('addon')"></fa-icon>
-                </div>
-                <ul [@toggler]="this.sideMenuState.addon.animation">
-                    <li class="sidebar__level-2--item" data-name="Key cluster" data-abbrev="">
-                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
-                            <a [routerLink]="['/add-on', 'key-cluster']"
-                               [class.disabled]="state.updatingFirmware">Key cluster</a>
-                        </div>
-                    </li>
-                    <li class="sidebar__level-2--item" data-name="Trackball" data-abbrev="">
-                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
-                            <a [routerLink]="['/add-on', 'trackball']"
-                               [class.disabled]="state.updatingFirmware">Trackball</a>
-                        </div>
-                    </li>
-                    <li class="sidebar__level-2--item" data-name="Touchpad" data-abbrev="">
-                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
-                            <a [routerLink]="['/add-on', 'touchpad']"
-                               [class.disabled]="state.updatingFirmware">Touchpad</a>
-                        </div>
-                    </li>
-                    <li class="sidebar__level-2--item" data-name="Trackpoint" data-abbrev="">
-                        <div class="sidebar__level-2" [routerLinkActive]="['active']">
-                            <a [routerLink]="['/add-on', 'trackpoint']"
-                               [class.disabled]="state.updatingFirmware">Trackpoint</a>
-                        </div>
-                    </li>
-                </ul>
-            </li>
         </ul>
     </li>
     <li class="sidebar__level-0--item" [routerLinkActive]="['active']">