fix: api key details section (#7488)

packages/admin-next/dashboard/src/i18n/translations/en.json

@@ -1452,6 +1452,7 @@
     "fields": {
       "lastUsedAtLabel": "Last used at",
       "revokedByLabel": "Revoked by",
+      "revokedAtLabel": "Revoked at",
       "createdByLabel": "Created by"
     }
   },

packages/admin-next/dashboard/src/routes/api-key-management/api-key-management-detail/components/api-key-general-section/api-key-general-section.tsx

@@ -195,12 +195,22 @@ export const ApiKeyGeneralSection = ({ apiKey }: ApiKeyGeneralSectionProps) => {
         <ActionBy userId={apiKey.created_by} />
       </div>
       {apiKey.revoked_at && (
-        <div className="grid grid-cols-2 items-center px-6 py-4">
-          <Text size="small" leading="compact" weight="plus">
-            {t("apiKeyManagement.fields.revokedByLabel")}
-          </Text>
-          <ActionBy userId={apiKey.revoked_by} />
-        </div>
+        <>
+          <div className="text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4">
+            <Text size="small" leading="compact" weight="plus">
+              {t("apiKeyManagement.fields.revokedAtLabel")}
+            </Text>
+            <Text size="small" leading="compact">
+              {getFullDate({ date: apiKey.revoked_at, includeTime: true })}
+            </Text>
+          </div>
+          <div className="text-ui-fg-subtle grid grid-cols-2 items-center px-6 py-4">
+            <Text size="small" leading="compact" weight="plus">
+              {t("apiKeyManagement.fields.revokedByLabel")}
+            </Text>
+            <ActionBy userId={apiKey.revoked_by} />
+          </div>
+        </>
       )}
     </Container>
   )