Use PageHeader throughout the system

WebApp/Components/Features/Students/Details.razor

@@ -1,24 +1,27 @@
 @page "/students/details"
 @attribute [Authorize]
 @using Microsoft.EntityFrameworkCore
-@using Core.Entities
-@using Data
+@using WebApp.Components.Shared.Components
 @inject AppDbContext context
 @inject NavigationManager NavigationManager
 
-<PageTitle>Student Details - TSA Chapter Organizer</PageTitle>
-
-<MudText Typo="Typo.h3">Details</MudText>
-<MudText Typo="Typo.h4">Student</MudText>
-<MudDivider />
-
 @if (student is null)
 {
     <MudText><em>Loading...</em></MudText>
+    return;
 }
-else
-{
-    <MudPaper Class="pa-4 mt-4">
+
+<PageHeader
+    Title="Student Details"
+    ShowBackButton="true"
+    BackButtonUrl="@(ReturnUrl ?? "/students")">
+    <ActionButtons>
+        <MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/students/edit?id={student.Id}&returnUrl={ReturnUrl ?? "/students"}")" Variant="Variant.Outlined">Edit</MudButton>
+        <MudButton Href="@(ReturnUrl ?? "/students")" Variant="Variant.Text">Back to List</MudButton>
+    </ActionButtons>
+</PageHeader>
+
+<MudPaper Class="pa-4 mt-4">
         <MudGrid>
             <MudItem xs="12" sm="6" md="4">
                 <MudText Typo="Typo.subtitle2">First Name</MudText>
@@ -61,13 +64,7 @@ else
                 <MudText>@student.OfficerRole</MudText>
             </MudItem>
         </MudGrid>
-    </MudPaper>
-
-    <div class="mt-4">
-        <MudButton StartIcon="@Icons.Material.Filled.Edit" Href="@($"/students/edit?id={student.Id}&returnUrl={ReturnUrl ?? "/students"}")" Variant="Variant.Filled" Color="Color.Primary">Edit</MudButton>
-        <MudButton StartIcon="@Icons.Material.Filled.ArrowBack" Href="@(ReturnUrl ?? "/students")" Variant="Variant.Text">Back to List</MudButton>
-    </div>
-}
+</MudPaper>
 
 @code {
     private Student? student;