Add JS toggle logic to close menu on nav link click

Introduced IJSRuntime to handle JavaScript calls and implemented `NavLinkClickedAsync` to automatically uncheck the menu toggle on navigation. Updated all NavLinks to trigger this logic, improving user experience by closing the menu after a link is clicked.

FoodsharingSiegen.Server/Shared/DefaultLayout.razor

@@ -1,7 +1,5 @@
 @inherits LayoutComponentBase
 
-<PageTitle>FoodsharingSiegen.Server</PageTitle>
-
 <AuthorizeView>
     <Authorized>
         <div class="page">

FoodsharingSiegen.Server/Shared/NavMenu.razor

@@ -11,47 +11,61 @@
     <hr/>
 
     <div class="nav-item px-3">
+        <div @onclick="NavLinkClickedAsync">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                 <span class="fas fa-user-plus mr-2" aria-hidden="true" style="font-size: 1.4em;"></span> Einarbeiten
             </NavLink>
         </div>
+    </div>
     <div class="nav-item px-3">
+        <div @onclick="NavLinkClickedAsync">
             <NavLink class="nav-link" href="todo" Match="NavLinkMatch.All">
                 <span class="fas fa-user-pen mr-2" aria-hidden="true" style="font-size: 1.4em;"></span> Freischalten
             </NavLink>
         </div>
+    </div>
     <div class="nav-item px-3">
+        <div @onclick="NavLinkClickedAsync">
             <NavLink class="nav-link" href="done" Match="NavLinkMatch.All">
                 <span class="fas fa-user-check mr-2" aria-hidden="true" style="font-size: 1.4em;"></span> Fertig
             </NavLink>
         </div>
+    </div>
 
     <hr/>
 
     @if (CurrentUser.IsAdmin())
     {
         <div class="nav-item px-3">
+            <div @onclick="NavLinkClickedAsync">
                 <NavLink class="nav-link" href="users" Match="NavLinkMatch.All">
                     <span class="fas fa-users mr-2" aria-hidden="true" style="font-size: 1.4em;"></span> Benutzer
                 </NavLink>
             </div>
+        </div>
     }
 
     <div class="nav-item px-3">
+        <div @onclick="NavLinkClickedAsync">
             <NavLink class="nav-link" href="profile" Match="NavLinkMatch.All">
                 <span class="fas fa-user mr-2" aria-hidden="true" style="font-size: 1.4em;"></span> Profil
             </NavLink>
         </div>
+    </div>
 
     <div class="nav-item px-3">
+        <div @onclick="NavLinkClickedAsync">
             <NavLink class="nav-link" href="audit" Match="NavLinkMatch.All">
                 <span class="fa-solid fa-clock-rotate-left mr-2" aria-hidden="true" style="font-size: 1.4em;"></span> Aktivitäten
             </NavLink>
         </div>
+    </div>
 
     <div class="nav-item px-3">
+        <div @onclick="NavLinkClickedAsync">
             <NavLink class="nav-link" href="logout" Match="NavLinkMatch.All">
                 <span class="fa-solid fa-door-open mr-2" aria-hidden="true" style="font-size: 1.4em;"></span> Ausloggen
             </NavLink>
         </div>
+    </div>
 </nav>

FoodsharingSiegen.Server/Shared/NavMenu.razor.cs

@@ -3,6 +3,7 @@ using FoodsharingSiegen.Contracts.Model;
 using FoodsharingSiegen.Server.Auth;
 using Microsoft.AspNetCore.Components;
 using Microsoft.Extensions.Options;
+using Microsoft.JSInterop;
 
 namespace FoodsharingSiegen.Server.Shared
 {
@@ -11,6 +12,9 @@ namespace FoodsharingSiegen.Server.Shared
     /// </summary>
     public partial class NavMenu
     {
+        [Inject]
+        private IJSRuntime JsRuntime { get; set; } = null!;
+        
         #region Dependencies
 
         [Inject]
@@ -50,5 +54,10 @@ namespace FoodsharingSiegen.Server.Shared
         }
 
         #endregion
+
+        private async Task NavLinkClickedAsync()
+        {
+            await JsRuntime.InvokeVoidAsync("eval", "document.getElementById('menu-toggler').checked=false;");
+        }
     }
 }