refactor: add additional attributes to table components

Author: tnc1997

src/AzureAppConfigurationEmulator/Components/AzureTable.razor

@@ -1,6 +1,6 @@
 @typeparam TItem
 
-<table class="w-full border-collapse table-fixed">
+<table @attributes="@AdditionalAttributes" class="w-full border-collapse table-fixed @(AdditionalAttributes?.TryGetValue("class", out var @class) is true ? @class : null)">
     <thead>
     <tr class="border-b border-b-alto h-[32px] dark:border-b-masala">
         <th class="text-center w-[24px]" scope="col">
@@ -33,6 +33,9 @@
 </table>
 
 @code {
+
+    [Parameter(CaptureUnmatchedValues = true)] public IDictionary<string, object>? AdditionalAttributes { get; set; }
+
     [EditorRequired, Parameter] public RenderFragment HeaderContent { get; set; } = null!;
 
     [Parameter] public IEnumerable<TItem> Items { get; set; } = [];

src/AzureAppConfigurationEmulator/Components/AzureTableDataCell.razor

@@ -1,7 +1,9 @@
-<td class="px-1 text-left truncate">
+<td @attributes="@AdditionalAttributes" class="px-1 text-left truncate @(AdditionalAttributes?.TryGetValue("class", out var @class) is true ? @class : null)">
     @ChildContent
 </td>
 
 @code {
+    [Parameter(CaptureUnmatchedValues = true)] public IDictionary<string, object>? AdditionalAttributes { get; set; }
+
     [Parameter] public RenderFragment? ChildContent { get; set; }
 }

src/AzureAppConfigurationEmulator/Components/AzureTableHeaderCell.razor

@@ -1,7 +1,9 @@
-<th class="px-1 font-semibold text-left" scope="col">
+<th @attributes="@AdditionalAttributes" class="px-1 font-semibold text-left @(AdditionalAttributes?.TryGetValue("class", out var @class) is true ? @class : null)" scope="col">
     @ChildContent
 </th>
 
 @code {
+    [Parameter(CaptureUnmatchedValues = true)] public IDictionary<string, object>? AdditionalAttributes { get; set; }
+
     [Parameter] public RenderFragment? ChildContent { get; set; }
 }