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

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

@@ -1,12 +1,17 @@
+@using Moonlight.Frontend.Helpers
 @using Moonlight.Frontend.UI.Admin.Components
 @using Moonlight.Shared.Http.Requests.Roles
 @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>
         Create new role
@@ -49,7 +54,7 @@
 
 @code
 {
-    [Parameter] public Func<CreateRoleDto, Task> OnSubmit { get; set; }
+    [Parameter] public Func<Task> OnSubmit { get; set; }
 
     private CreateRoleDto Request;
     private List<string> Permissions;
@@ -67,8 +72,22 @@
     private async Task<bool> OnSubmitAsync(EditContext editContext, ValidationMessageStore validationMessageStore)
     {
         Request.Permissions = Permissions.ToArray();
+        
+        var response = await HttpClient.PostAsJsonAsync(
+            "api/admin/roles",
+            Request,
+            Constants.SerializerOptions
+        );
+        
+        if (!response.IsSuccessStatusCode)
+        {
+            await ProblemDetailsHelper.HandleProblemDetailsAsync(response, Request, validationMessageStore);
+            return false;
+        }
 
-        await OnSubmit.Invoke(Request);
+        await ToastService.SuccessAsync("Role creation", $"Role {Request.Name} has been successfully created");
+
+        await OnSubmit.Invoke();
         await CloseAsync();
 
         return true;