Added Board components for layouting

Wave/Components/Account/Pages/Manage/Index.razor

@@ -12,9 +12,8 @@
 
 <StatusMessage Message="@Message" />
 
-<div class="flex gap-4 flex-wrap">
-	<section class="w-80 max-w-xs">
-		<h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Title"]</h2>
+<BoardComponent>
+    <BoardCardComponent Heading="@Localizer["Title"]">
         <label class="form-control w-full">
             <div class="label">
                 <span class="label-text">@Localizer["UserName_Label"]</span>
@@ -25,15 +24,13 @@
         @if (User is not null) {
             <ProfileFormPartial User="@User" />
         }
-	</section>
-	<section class="w-80 max-w-xs">
-		<h2 class="text-2xl lg:text-4xl mb-3">@Localizer["AboutMe"]</h2>
+    </BoardCardComponent>
+    <BoardCardComponent Heading="@Localizer["AboutMe"]">
         @if (User is not null) {
             <AboutMeFormPartial User="@User" />
         }
-	</section>
-    <section class="w-80 max-w-xs">
-		<h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Permissions"]</h2>
+    </BoardCardComponent>
+    <BoardCardComponent Heading="@Localizer["Permissions"]">
         <ul>
             <li class="flex gap-2 content-center">
                 <AuthorizeView Policy="ArticleEditPermissions">
@@ -96,8 +93,8 @@
                 @Localizer["Permission_RoleAssign"]
             </li>
         </ul>
-	</section>
-</div>
+    </BoardCardComponent>
+</BoardComponent>
 
 @code {
 	private string? Message { get; set; }

Wave/Components/BoardCardComponent.razor

@@ -0,0 +1,13 @@
+<section class="w-80 max-w-xs">
+    @if (!string.IsNullOrWhiteSpace(Heading)) {
+        <h2 class="text-2xl lg:text-4xl mb-3">@Heading</h2>
+    }
+    @ChildContent
+</section>
+
+@code {
+    [Parameter]
+    public string? Heading { get; set; }
+    [Parameter]
+    public required RenderFragment ChildContent { get; set; }
+}

Wave/Components/BoardComponent.razor

@@ -0,0 +1,8 @@
+<div class="flex gap-4 flex-wrap">
+    @ChildContent
+</div>
+
+@code {
+    [Parameter]
+    public required RenderFragment ChildContent { get; set; }
+}