fix: Fixed a bug where modals and details panels wouldn't close when navigating

src/app/journal/journal-home/navigation-panel/navigation-panel.component.html

@@ -6,7 +6,7 @@
       <div
         class="navigation-entry"
         [ngClass]="active === 1 ? 'active' : ''"
-        (click)="setActiveProperty(1)"
+        (click)="setActiveProperty(1); closeAll()"
         [routerLink]="'./stats'"
       >
         Übersicht
@@ -16,7 +16,7 @@
       <div
         class="navigation-entry"
         [ngClass]="active === 2 ? 'active' : ''"
-        (click)="setActiveProperty(2)"
+        (click)="setActiveProperty(2); closeAll()"
         [routerLink]="'./character'"
       >
         Charakter
@@ -26,7 +26,7 @@
       <div
         class="navigation-entry"
         [class]="active === 3 ? 'active' : ''"
-        (click)="setActiveProperty(3)"
+        (click)="setActiveProperty(3); closeAll()"
         [routerLink]="'./inventory'"
       >
         Inventar
@@ -36,7 +36,7 @@
       <div
         class="navigation-entry"
         [class]="active === 4 ? 'active' : ''"
-        (click)="setActiveProperty(4)"
+        (click)="setActiveProperty(4); closeAll()"
         [routerLink]="'./spellcards'"
       >
         Zauber
@@ -46,7 +46,7 @@
       <div
         class="navigation-entry"
         [class]="active === 5 ? 'active' : ''"
-        (click)="setActiveProperty(5)"
+        (click)="setActiveProperty(5); closeAll()"
         [routerLink]="'./notes'"
       >
         Notizen
@@ -56,7 +56,7 @@
       <div
         class="navigation-entry"
         [class]="active === 6 ? 'active' : ''"
-        (click)="setActiveProperty(6)"
+        (click)="setActiveProperty(6); closeAll()"
         [routerLink]="'./spellbook'"
       >
         Zauberbuch
@@ -66,7 +66,7 @@
       <div
         class="navigation-entry"
         [class]="active === 7 ? 'active' : ''"
-        (click)="setActiveProperty(7)"
+        (click)="setActiveProperty(7); closeAll()"
         [routerLink]="'./quests'"
       >
         Aufträge
@@ -76,7 +76,7 @@
       <div
         class="navigation-entry"
         [class]="active === 8 ? 'active' : ''"
-        (click)="setActiveProperty(8)"
+        (click)="setActiveProperty(8); closeAll()"
         [routerLink]="'./npcs'"
       >
         NPCs
@@ -86,7 +86,7 @@
       <div
         class="navigation-entry"
         [class]="active === 9 ? 'active' : ''"
-        (click)="setActiveProperty(9)"
+        (click)="setActiveProperty(9); closeAll()"
         [routerLink]="'./places'"
       >
         Orte
@@ -96,7 +96,7 @@
       <div
         class="navigation-entry"
         [class]="active === 10 ? 'active' : ''"
-        (click)="setActiveProperty(10)"
+        (click)="setActiveProperty(10); closeAll()"
         [routerLink]="'./maps'"
       >
         Karten
@@ -107,7 +107,7 @@
       <div
         class="navigation-entry"
         [class]="active === 11 ? 'active' : ''"
-        (click)="setActiveProperty(11)"
+        (click)="setActiveProperty(11); closeAll()"
         [routerLink]="'./ruleset'"
       >
         Regelwerk
@@ -116,13 +116,18 @@
   </ul>
 
   <div class="settings-container">
-    <button class="settings-button" [routerLink]="'../'">
+    <button class="settings-button" (click)="closeAll()" [routerLink]="'../'">
       <icon [size]="'s'" [type]="'UI'" [icon]="'characters'"></icon>
       <div>Charaktere</div>
     </button>
 
     <button class="settings-button">
-      <icon [size]="'s'" [type]="'UI'" [icon]="'settings'"></icon>
+      <icon
+        [size]="'s'"
+        [type]="'UI'"
+        (click)="closeAll()"
+        [icon]="'settings'"
+      ></icon>
       <div>Einstellungen</div>
     </button>
   </div>