Test card page

TaikoWebUI/Pages/Card.razor

@@ -0,0 +1,8 @@
+@page "/Card/{baid}"
+
+<h1>Card: @Baid</h1>
+
+@code {
+    [Parameter]
+    public string? Baid { get; set; }
+}

TaikoWebUI/Pages/Dashboard.razor

@@ -1,5 +1,6 @@
 @using SharedProject.Models.Responses
 @inject HttpClient Client
+@inject NavigationManager UriHelper
 
 @page "/Dashboard"
 <MudContainer>
@@ -18,6 +19,9 @@
                             <CardHeaderContent>
                                 <MudText Typo="Typo.h5">Baid @user.Baid</MudText>
                             </CardHeaderContent>
+                            <CardHeaderActions>
+                                <MudIconButton OnClick="() => NavigateToProfile(user.Baid)" Icon="@Icons.Material.Filled.Settings" Color="Color.Default" />
+                            </CardHeaderActions>
                         </MudCardHeader>
                         <MudCardContent>
                             <MudText Typo="Typo.h6">Access Code</MudText>
@@ -40,4 +44,9 @@
         response = await Client.GetFromJsonAsync<DashboardResponse>("api/Dashboard");
     }
 
+
+    void NavigateToProfile(uint baid)
+    {
+        UriHelper.NavigateTo($"/Card/{baid}");
+    }
 }

TaikoWebUI/Shared/MainLayout.razor

@@ -18,7 +18,7 @@
         <NavMenu/>
     </MudDrawer>
     <MudMainContent>
-        <MudContainer MaxWidth="MaxWidth.Large" Class="my-16 pt-16">
+        <MudContainer MaxWidth="MaxWidth.Large" Class="my-8 pt-8">
             @Body
         </MudContainer>
     </MudMainContent>