Implemented handling of server side issues using the rfc for problem detasils in the frontend

Moonlight.Frontend/UI/Admin/Modals/UpdateRoleDialog.razor

@@ -1,14 +1,19 @@
+@using Moonlight.Frontend.Helpers
 @using Moonlight.Frontend.Mappers
 @using Moonlight.Frontend.UI.Admin.Components
 @using Moonlight.Shared.Http.Requests.Roles
 @using Moonlight.Shared.Http.Responses.Admin
 @using ShadcnBlazor.Dialogs
 @using ShadcnBlazor.Extras.Forms
+@using ShadcnBlazor.Extras.Toasts
 @using ShadcnBlazor.Fields
 @using ShadcnBlazor.Inputs
 
 @inherits ShadcnBlazor.Extras.Dialogs.DialogBase
 
+@inject HttpClient HttpClient
+@inject ToastService ToastService
+
 <DialogHeader>
     <DialogTitle>
         Update @Role.Name
@@ -51,7 +56,7 @@
 
 @code
 {
-    [Parameter] public Func<UpdateRoleDto, Task> OnSubmit { get; set; }
+    [Parameter] public Func<Task> OnSubmit { get; set; }
     [Parameter] public RoleDto Role { get; set; }
 
     private UpdateRoleDto Request;
@@ -66,7 +71,22 @@
     private async Task<bool> OnSubmitAsync(EditContext editContext, ValidationMessageStore validationMessageStore)
     {
         Request.Permissions = Permissions.ToArray();
-        await OnSubmit.Invoke(Request);
+        
+        var response = await HttpClient.PatchAsJsonAsync(
+            $"api/admin/roles/{Role.Id}",
+            Request,
+            Constants.SerializerOptions
+        );
+        
+        if (!response.IsSuccessStatusCode)
+        {
+            await ProblemDetailsHelper.HandleProblemDetailsAsync(response, Request, validationMessageStore);
+            return false;
+        }
+
+        await ToastService.SuccessAsync("Role update", $"Role {Request.Name} has been successfully updated");
+        
+        await OnSubmit.Invoke();
         await CloseAsync();
 
         return true;