feat: Update admin management tables to enhance action handling with MudMenu for better UI consistency

Author: aalmada

src/BookStore.Web/Components/Pages/Admin/AuthorManagement.razor

@@ -32,15 +32,17 @@
             <MudTh>
                 <MudTableSortLabel SortLabel="name" T="AdminAuthorDto">Name</MudTableSortLabel>
             </MudTh>
-            <MudTh>Actions</MudTh>
+            <MudTh Class="text-end">Actions</MudTh>
         </HeaderContent>
         <RowTemplate Context="context">
             <MudTd DataLabel="Name">
                 <MudText Typo="Typo.body2" Class="fw-semibold">@context.Name</MudText>
             </MudTd>
-            <MudTd DataLabel="Actions">
-                <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Primary" OnClick="@(() => EditAuthor(context))" Size="Size.Small"/>
-                <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" OnClick="@(() => DeleteAuthor(context))" Size="Size.Small"/>
+            <MudTd DataLabel="Actions" Class="text-end">
+                <MudMenu Icon="@Icons.Material.Filled.MoreVert" AnchorOrigin="Origin.BottomRight" TransformOrigin="Origin.TopRight" Dense="true">
+                    <MudMenuItem Icon="@Icons.Material.Filled.Edit" OnClick="@(() => EditAuthor(context))">Edit</MudMenuItem>
+                    <MudMenuItem Icon="@Icons.Material.Filled.Delete" OnClick="@(() => DeleteAuthor(context))">Delete</MudMenuItem>
+                </MudMenu>
             </MudTd>
         </RowTemplate>
         <PagerContent>

src/BookStore.Web/Components/Pages/Admin/CategoryManagement.razor

@@ -32,15 +32,17 @@
             <MudTh>
                 <MudTableSortLabel SortLabel="name" T="AdminCategoryDto">Name</MudTableSortLabel>
             </MudTh>
-            <MudTh>Actions</MudTh>
+            <MudTh Class="text-end">Actions</MudTh>
         </HeaderContent>
         <RowTemplate Context="context">
             <MudTd DataLabel="Name">
                 <MudText Typo="Typo.body2" Class="fw-semibold">@context.Name</MudText>
             </MudTd>
-            <MudTd DataLabel="Actions">
-                <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Primary" OnClick="@(() => EditCategory(context))" Size="Size.Small"/>
-                <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" OnClick="@(() => DeleteCategory(context))" Size="Size.Small"/>
+            <MudTd DataLabel="Actions" Class="text-end">
+                <MudMenu Icon="@Icons.Material.Filled.MoreVert" AnchorOrigin="Origin.BottomRight" TransformOrigin="Origin.TopRight" Dense="true">
+                    <MudMenuItem Icon="@Icons.Material.Filled.Edit" OnClick="@(() => EditCategory(context))">Edit</MudMenuItem>
+                    <MudMenuItem Icon="@Icons.Material.Filled.Delete" OnClick="@(() => DeleteCategory(context))">Delete</MudMenuItem>
+                </MudMenu>
             </MudTd>
         </RowTemplate>
         <PagerContent>

src/BookStore.Web/Components/Pages/Admin/PublisherManagement.razor

@@ -32,15 +32,17 @@
             <MudTh>
                 <MudTableSortLabel SortLabel="name" T="PublisherDto">Name</MudTableSortLabel>
             </MudTh>
-            <MudTh>Actions</MudTh>
+            <MudTh Class="text-end">Actions</MudTh>
         </HeaderContent>
         <RowTemplate Context="context">
             <MudTd DataLabel="Name">
                 <MudText Typo="Typo.body2" Class="fw-semibold">@context.Name</MudText>
             </MudTd>
-            <MudTd DataLabel="Actions">
-                <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Primary" OnClick="@(() => EditPublisher(context))" Size="Size.Small"/>
-                <MudIconButton Icon="@Icons.Material.Filled.Delete" Color="Color.Error" OnClick="@(() => DeletePublisher(context))" Size="Size.Small"/>
+            <MudTd DataLabel="Actions" Class="text-end">
+                <MudMenu Icon="@Icons.Material.Filled.MoreVert" AnchorOrigin="Origin.BottomRight" TransformOrigin="Origin.TopRight" Dense="true">
+                    <MudMenuItem Icon="@Icons.Material.Filled.Edit" OnClick="@(() => EditPublisher(context))">Edit</MudMenuItem>
+                    <MudMenuItem Icon="@Icons.Material.Filled.Delete" OnClick="@(() => DeletePublisher(context))">Delete</MudMenuItem>
+                </MudMenu>
             </MudTd>
         </RowTemplate>
         <PagerContent>

src/BookStore.Web/Components/Pages/Admin/TenantManagement.razor

@@ -32,7 +32,7 @@
             <MudTh>Name / Tagline</MudTh>
             <MudTh>Theme</MudTh>
             <MudTh>Status</MudTh>
-            <MudTh>Actions</MudTh>
+            <MudTh Class="text-end">Actions</MudTh>
         </HeaderContent>
         <RowTemplate>
             <MudTd DataLabel="ID">@context.Id</MudTd>
@@ -48,8 +48,10 @@
                     @(context.IsEnabled ? "Enabled" : "Disabled")
                 </MudChip>
             </MudTd>
-            <MudTd DataLabel="Actions">
-                <MudIconButton Icon="@Icons.Material.Filled.Edit" Color="Color.Info" OnClick="@(() => OpenEditDialog(context))"/>
+            <MudTd DataLabel="Actions" Class="text-end">
+                <MudMenu Icon="@Icons.Material.Filled.MoreVert" AnchorOrigin="Origin.BottomRight" TransformOrigin="Origin.TopRight" Dense="true">
+                    <MudMenuItem Icon="@Icons.Material.Filled.Edit" OnClick="@(() => OpenEditDialog(context))">Edit</MudMenuItem>
+                </MudMenu>
             </MudTd>
         </RowTemplate>
     </MudTable>