Updated CI for Blazor WebAssembly. Added styles for product cards.

JSMR.UI.Blazor/Components/JProduct.razor

@@ -0,0 +1,25 @@
+@using JSMR.Application.VoiceWorks.Queries.Search
+@using JSMR.UI.Blazor.Services
+
+<div class="j-card j-voice-work-card">
+    <div class="j-voice-work-image-container">
+        <JImage ImageClass="j-voice-work-image" Source="@ImageUrlProvider.GetImageURL(Product.ProductId, Product.HasImage, Product.SalesDate, "main")"></JImage>
+    </div>
+    <div class="j-voice-work-content">
+        <div class="j-product-title">@Product.ProductName</div>
+        <div class="j-product-description">@Product.Description</div>
+        <div class="j-tags">
+            @foreach (var tag in Product.Tags)
+            {
+                <div class="j-tag">@tag.Name</div>
+            }
+        </div>
+    </div>
+    <div class="j-voice-work-info">
+    </div>
+</div>
+
+@code {
+    [Parameter]
+    public required VoiceWorkSearchResult Product { get; set; }
+}