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

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

@@ -1,12 +1,18 @@
-@using Moonlight.Frontend.UI.Admin.Components
+@using Moonlight.Frontend.Helpers
+@using Moonlight.Frontend.UI.Admin.Components
 @using Moonlight.Shared.Http.Requests.ApiKeys
+@using Moonlight.Shared.Http.Responses
 @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 API key</DialogTitle>
     <DialogDescription>
@@ -44,7 +50,7 @@
 
 @code
 {
-    [Parameter] public Func<CreateApiKeyDto, Task> OnSubmit { get; set; }
+    [Parameter] public Func<Task> OnSubmit { get; set; }
 
     private CreateApiKeyDto Request;
 
@@ -61,8 +67,25 @@
     private async Task<bool> OnSubmitAsync(EditContext editContext, ValidationMessageStore validationMessageStore)
     {
         Request.Permissions = Permissions.ToArray();
+        
+        var response = await HttpClient.PostAsJsonAsync(
+            "/api/admin/apiKeys",
+            Request,
+            Constants.SerializerOptions
+        );
+        
+        if (!response.IsSuccessStatusCode)
+        {
+            await ProblemDetailsHelper.HandleProblemDetailsAsync(response, Request, validationMessageStore);
+            return false;
+        }
 
-        await OnSubmit.Invoke(Request);
+        await ToastService.SuccessAsync(
+            "API Key creation",
+            $"Successfully created API key {Request.Name}"
+        );
+
+        await OnSubmit.Invoke();
 
         await CloseAsync();
         return true;