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/Views/Sys/Index.razor

@@ -1,6 +1,9 @@
 @page "/admin/system"
 
 @using LucideBlazor
+@using Microsoft.AspNetCore.Authorization
+@using Microsoft.AspNetCore.Components.Authorization
+@using Moonlight.Shared
 @using ShadcnBlazor.Buttons
 @using ShadcnBlazor.Cards
 @using ShadcnBlazor.Inputs
@@ -8,6 +11,7 @@
 @using ShadcnBlazor.Labels
 
 @inject NavigationManager Navigation
+@inject IAuthorizationService AuthorizationService
 
 <Tabs DefaultValue="@(Tab ?? "customization")" OnValueChanged="OnTabChanged">
     <TabsList ClassName="inline-flex w-full lg:w-fit justify-start overflow-x-auto overflow-y-hidden">
@@ -15,7 +19,7 @@
             <PaintRollerIcon />
             Customization
         </TabsTrigger>
-        <TabsTrigger Value="api">
+        <TabsTrigger Value="apiKeys" Disabled="@(!ApiKeyAccess.Succeeded)">
             <KeyIcon />
             API & API Keys
         </TabsTrigger>
@@ -45,6 +49,12 @@
     <TabsContent Value="diagnose">
         <Diagnose />
     </TabsContent>
+    @if (ApiKeyAccess.Succeeded)
+    {
+        <TabsContent Value="apiKeys">
+            <ApiKeys />
+        </TabsContent>
+    }
 </Tabs>
 
 @code
@@ -52,6 +62,17 @@
     [SupplyParameterFromQuery(Name = "tab")]
     [Parameter]
     public string? Tab { get; set; }
+    
+    [CascadingParameter] public Task<AuthenticationState> AuthState { get; set; }
+
+    private AuthorizationResult ApiKeyAccess;
+    
+    protected override async Task OnInitializedAsync()
+    {
+        var authState = await AuthState;
+
+        ApiKeyAccess = await AuthorizationService.AuthorizeAsync(authState.User, Permissions.ApiKeys.View);
+    }
 
     private void OnTabChanged(string name)
     {