Added AboutTheAuthor section to ArticleView Page

Wave/Components/Pages/ArticleView.razor

@@ -32,16 +32,35 @@
 
 <hr class="my-3" />
 
-<div class="prose prose-neutral max-w-none mb-6">
+<article class="prose prose-neutral max-w-none mb-6">
     @Content
-</div>
+</article>
 
 <hr class="my-3" />
 
+@if (!string.IsNullOrWhiteSpace(Article.Author.AboutTheAuthor)) {
+    <section class="mb-2">
+        <h2 class="text-2xl lg:text-4xl mb-3">About The Author</h2>
+        <div class="card sm:card-side card-compact bg-neutral text-neutral-content rounded shadow">
+            <figure class="sm:max-w-32">
+                <img src="/api/user/pfp/@Article.Author.Id" alt="" width="800">
+            </figure>
+            <div class="card-body">
+                <h3 class="card-title">@Article.Author.Name</h3>
+                <p>
+                    @Article.Author.AboutTheAuthor
+                </p>
+            </div>
+        </div>
+    </section>
+}
+
 <div class="flex gap-2">
-    <ProfilePill Profile="Article.Author" RoleTag="@Localizer["Author"]" />
+    @if (string.IsNullOrWhiteSpace(Article.Author.AboutTheAuthor)) {
+        <ProfilePill Profile="Article.Author" RoleTag="@Localizer["Author"]"/>
+    }
     @if (Article.Reviewer is not null && Article.Reviewer.Id != Article.Author.Id) {
-        <ProfilePill Profile="Article.Reviewer" RoleTag="@Localizer["Reviewer"]" />
+        <ProfilePill Profile="Article.Reviewer" RoleTag="@Localizer["Reviewer"]"/>
     }
 </div>