Implemented API key management with permission checks, database schema, and frontend integration. Adjusted string lengths for Role and API key attributes.

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

@@ -0,0 +1,73 @@
+@using Moonlight.Frontend.Mappers
+@using Moonlight.Frontend.UI.Admin.Components
+@using Moonlight.Shared.Http.Requests.ApiKeys
+@using Moonlight.Shared.Http.Responses.ApiKeys
+@using ShadcnBlazor.Dialogs
+@using ShadcnBlazor.Extras.Common
+@using ShadcnBlazor.Extras.FormHandlers
+@using ShadcnBlazor.Inputs
+@using ShadcnBlazor.Labels
+
+@inherits ShadcnBlazor.Extras.Dialogs.DialogBase
+
+<DialogHeader>
+    <DialogTitle>Update API key</DialogTitle>
+    <DialogDescription>
+        Edit the name, description, or the granted permissions for the key.
+    </DialogDescription>
+</DialogHeader>
+
+<FormHandler @ref="FormHandler" Model="Request" OnValidSubmit="SubmitAsync">
+    <div class="flex flex-col gap-6">
+        <FormValidationSummary />
+
+        <div class="grid gap-2">
+            <Label for="keyName">Name</Label>
+            <InputField @bind-Value="Request.Name" id="keyName" placeholder="My API key" />
+        </div>
+
+        <div class="grid gap-2">
+            <Label for="keyDescription">Description</Label>
+            <textarea
+                @bind="Request.Description"
+                id="keyDescription"
+                maxlength="100"
+                class="border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm"
+                placeholder="What this key is for">
+            
+            </textarea>
+        </div>
+
+        <div class="grid gap-2">
+            <Label>Permissions</Label>
+            <PermissionSelector Permissions="Permissions" />
+        </div>
+    </div>
+</FormHandler>
+
+<DialogFooter ClassName="justify-end gap-x-1">
+    <WButtom OnClick="_ => FormHandler.SubmitAsync()">Save changes</WButtom>
+</DialogFooter>
+
+@code
+{
+    [Parameter] public Func<UpdateApiKeyDto, Task> OnSubmit { get; set; }
+    [Parameter] public ApiKeyDto Key { get; set; }
+
+    private UpdateApiKeyDto Request;
+    private FormHandler FormHandler;
+    private List<string> Permissions = new();
+
+    protected override void OnInitialized()
+    {
+        Request = ApiKeyMapper.ToUpdate(Key);
+        Permissions = Key.Permissions.ToList();
+    }
+
+    private async Task SubmitAsync()
+    {
+        Request.Permissions = Permissions.ToArray();
+        await OnSubmit.Invoke(Request);
+        await CloseAsync();
+    }
+}