Added user add modal and converted to dark mode

HopFrame.Web/Pages/Administration/Layout/AdminLayout.razor

@@ -6,12 +6,12 @@
 
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 
-<div class="page">
+<div class="page" style="background-color: #2c3034; position: relative; min-height: 100vh">
     <nav>
         <AdminMenu/>
     </nav>
 
-    <main>
+    <main style="padding-top: 60px">
         <article class="content px-4">
             @Body
             <BSCore/>

HopFrame.Web/Pages/Administration/Layout/AdminMenu.razor

@@ -1,11 +1,17 @@
-@using BlazorStrap
+@rendermode InteractiveServer
+
+@using BlazorStrap
 @using BlazorStrap.V5
+@using HopFrame.Security.Claims
+@using HopFrame.Web.Pages.Administration.Components
+@using HopFrame.Web.Services
+@using static Microsoft.AspNetCore.Components.Web.RenderMode
 
 
-<BSNavbar Color="BSColor.Light">
+<BSNavbar Color="BSColor.Dark" IsDark="true" IsFixedTop="true">
     <BSContainer Container="Container.Fluid">
         <BSNavbarBrand>
-            @*<img src="logo.svg" alt="logo" width="30" class="d-inline-block align-text-top"/>*@
+            <img src="/favicon.png" alt="logo" width="30" class="d-inline-block align-text-top"/>
             HopFrame
         </BSNavbarBrand>
         <BSCollapse IsInNavbar="true">
@@ -18,6 +24,14 @@
                         <BSNavItem IsActive="IsNavItemActive(nav.Key)" Url="@nav.Key">@nav.Value</BSNavItem>
                     }
                 </BSNav>
+                
+                <span style="margin-left: auto; line-height: 100%; color: white">
+                    logged in as @Context?.User.Username
+                </span>
+                <BSButton DataId="logout" Size="Size.ExtraSmall" OnClick="Logout" Color="BSColor.Dark">
+                    <HopIconDisplay Type="HopIconDisplay.HopIcon.Logout"/>
+                </BSButton>
+                <BSTooltip Placement="Placement.Bottom" Target="logout" ContentAlwaysRendered="false">logout</BSTooltip>
             </Content>
         </BSCollapse>
     </BSContainer>
@@ -25,6 +39,8 @@
 
 
 @inject NavigationManager Navigator
+@inject ITokenContext Context
+@inject IAuthService Auth
 
 @code {
     public static IDictionary<string, string> Subpages = new Dictionary<string, string> {
@@ -35,4 +51,8 @@
     public bool IsNavItemActive(string element) {
         return Navigator.Uri.Contains(element);
     }
+
+    private async void Logout() {
+        Navigator.NavigateTo("login?redirect=/administration", true);
+    }
 }