Use PageHeader throughout the system

WebApp/Components/Features/Events/Edit.razor

@@ -1,17 +1,28 @@
 @page "/events/edit"
 @attribute [Authorize]
 @using Microsoft.EntityFrameworkCore
+@using WebApp.Components.Shared.Components
 @inject AppDbContext context
 @inject NavigationManager NavigationManager
 
-<PageTitle>Edit Event - TSA Chapter Organizer</PageTitle>
+@if (EventDefinition is null)
+{
+    <p><em>Loading...</em></p>
+    return;
+}
 
-<MudText Typo="Typo.h3">Edit</MudText>
-<MudText Typo="Typo.h4">Event</MudText>
-<MudDivider />
+<PageHeader
+    Title="Edit"
+    Subtitle="Event"
+    ShowBackButton="true"
+    BackButtonUrl="/events">
+    <ActionButtons>
+        <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary" Form="edit-event-form">Save</MudButton>
+        <MudButton Href="/events" Variant="Variant.Text">Cancel</MudButton>
+    </ActionButtons>
+</PageHeader>
 
-
-<EditForm Model="EventDefinition" OnValidSubmit="OnValidSubmit" Enhance>
+<EditForm id="edit-event-form" Model="EventDefinition" OnValidSubmit="OnValidSubmit" Enhance>
     <AntiforgeryToken />
     <DataAnnotationsValidator />
     <MudGrid>
@@ -45,11 +56,8 @@
             </MudPaper>
         </MudItem>
     </MudGrid>
-    <MudButton StartIcon="@Icons.Material.Filled.ArrowBack" Href="events">Back</MudButton>
-    <MudButton ButtonType="ButtonType.Submit" StartIcon="@Icons.Material.Filled.Save">Save</MudButton>
 </EditForm>
 
-
 @code {
     [SupplyParameterFromQuery]
     private int Id { get; set; }