Integration of MudBlazor

app/MindWork AI Studio/Components/Layout/MainLayout.razor

@@ -1,9 +1,20 @@
 @inherits LayoutComponentBase
 
-@Body
+<MudLayout>
 
-<div id="blazor-error-ui">
-    An unhandled error has occurred.
-    <a href="" class="reload">Reload</a>
-    <a class="dismiss">🗙</a>
-</div>
+    <MudDrawerContainer Class="mud-height-full">
+        <MudDrawer Fixed="@false" Elevation="0" Variant="@DrawerVariant.Mini" OpenMiniOnHover="@true" Color="Color.Default">
+            <MudNavMenu>
+                <MudNavLink Href="/start" Icon="@Icons.Material.Filled.Home">Home</MudNavLink>
+                <MudNavLink Href="/chat" Icon="@Icons.Material.Filled.Chat">Chats</MudNavLink>
+                <MudNavLink Href="/settings" Icon="@Icons.Material.Filled.Settings">Settings</MudNavLink>
+            </MudNavMenu>
+        </MudDrawer>
+    </MudDrawerContainer>
+    
+    <MudMainContent>
+        <MudContainer MaxWidth="MaxWidth.Large" Class="my-16 pt-16">
+            @this.Body
+        </MudContainer>
+    </MudMainContent>
+</MudLayout>

app/MindWork AI Studio/Components/Layout/MainLayout.razor.cs

@@ -0,0 +1,13 @@
+namespace MindWork_AI_Studio.Components.Layout;
+
+public partial class MainLayout
+{
+    #region Overrides of ComponentBase
+
+    protected override async Task OnInitializedAsync()
+    {
+        await base.OnInitializedAsync();
+    }
+
+    #endregion
+}

app/MindWork AI Studio/Components/Layout/MainLayout.razor.css

@@ -1,18 +0,0 @@
-#blazor-error-ui {
-    background: lightyellow;
-    bottom: 0;
-    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-    display: none;
-    left: 0;
-    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
-    position: fixed;
-    width: 100%;
-    z-index: 1000;
-}
-
-    #blazor-error-ui .dismiss {
-        cursor: pointer;
-        position: absolute;
-        right: 0.75rem;
-        top: 0.5rem;
-    }