Added helper message component (not final). Improved stat card design. Started improving theme preview

Moonlight.Client/UI/Components/HelperMessage.razor

@@ -0,0 +1,15 @@
+<div class="alert alert-soft alert-primary border-2 flex items-center p-2.5" role="alert">
+    <div class="avatar me-2">
+        <div class="size-7 rounded-full">
+            <img src="/_content/Moonlight.Client/img/ghost.png" alt="avatar" />
+        </div>
+    </div>
+    <div class="text-primary-content">
+        @ChildContent
+    </div>
+</div>
+
+@code
+{
+    [Parameter] public RenderFragment ChildContent { get; set; }
+}

Moonlight.Client/UI/Components/StatCard.razor

@@ -1,11 +1,19 @@
-<div class="card card-body">
+@*<div class="card card-body">
     <div class="flex justify-between">
         <p class="text-xl font-semibold text-base-content">
             @Text
         </p>
-        <i class="@Icon text-4xl text-primary"></i>
+        <i class="@Icon "></i>
     </div>
     <p class="text-base-content/80">@Title</p>
+</div>*@
+
+<div class="stat rounded-lg bg-base-100">
+    <div class="stat-figure">
+        <span class="@Icon text-4xl text-primary"></span>
+    </div>
+    <div class="stat-title">@Title</div>
+    <div class="stat-value text-xl!">@Text</div>
 </div>
 
 @code