Recreated solution with web app template. Improved theme. Switched to ShadcnBlazor library

Moonlight.Frontend/UI/Partials/AppHeader.razor

@@ -0,0 +1,9 @@
+@using ShadcnBlazor.Sidebars
+
+<header
+    class="flex h-(--header-height) shrink-0 items-center gap-2 border-b transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-(--header-height)"
+    style="--header-height: calc(var(--spacing) * 12)">
+    <div class="flex w-full items-center gap-1 px-4 lg:gap-2 lg:px-6">
+        <SidebarTrigger ClassName="-ml-1"/>
+    </div>
+</header>