Add Team functions

WebApp/Components/Layout/MainLayout.razor

@@ -1,24 +1,32 @@
 @inherits LayoutComponentBase
+@inject IConfiguration Configuration
 
-<MudThemeProvider />
+<MudThemeProvider Theme="CustomThemes.Ceruleantheme" />
 <MudPopoverProvider />
+<MudDialogProvider />
 
-<div class="page">
-
-    <div class="sidebar">
+<MudLayout>
+    <MudAppBar Class="no-print">
+        <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
+        TSA Chapter Organizer - @Configuration["ChapterSettings:Name"]
+    </MudAppBar>
+    <MudDrawer @bind-Open="@_drawerOpen" Class="no-print">
         <NavMenu/>
-    </div>
+    </MudDrawer>
+    <MudMainContent>
+        <MudContainer MaxWidth="MaxWidth.ExtraLarge">
+        @Body
+        </MudContainer>
+    </MudMainContent>
+</MudLayout>
+@code {
+    bool _drawerOpen = true;
 
-    <main>
-        @* <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
-        </div> *@
-
-        <article class="content px-4">
-            @Body
-        </article>
-    </main>
-</div>
+    void DrawerToggle()
+    {
+        _drawerOpen = !_drawerOpen;
+    }
+}
 
 <div id="blazor-error-ui">
     An unhandled error has occurred.