Added CategoryBadgeComponent

Wave/Components/ArticleComponent.razor

@@ -31,9 +31,7 @@
         @if (Article.Categories.Count > 0) {
 	        <p class="flex flex-wrap gap-2 my-3">
 		        @foreach (var category in Article.Categories.OrderBy(c => c.Color)) {
-			        <span class="badge badge-@CategoryUtilities.GetCssClassPostfixForColor(category.Color)">
+			        <CategoryBadgeComponent Category="category" />
-						@category.Name
-					</span>
 		        }
 	        </p>
         }

Wave/Components/CategoryBadgeComponent.razor

@@ -0,0 +1,14 @@
+@using Wave.Utilities
+@using Wave.Data
+
+<span class="badge badge-@CategoryUtilities.GetCssClassPostfixForColor(Category.Color)" @attributes="AdditionalAttributes">
+	@Category.Name
+</span>
+
+@code {
+	[Parameter]
+	public required Category Category { get; set; }
+	[Parameter(CaptureUnmatchedValues = true)]
+	public Dictionary<string, object>? AdditionalAttributes { get; set; }
+	
+}