chore: Name API keys consistently as the model

app/scenes/Settings/components/ApiKeyRevokeDialog.tsx

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { useTranslation } from "react-i18next";
+import ApiKey from "~/models/ApiKey";
+import ConfirmationDialog from "~/components/ConfirmationDialog";
+
+type Props = {
+  apiKey: ApiKey;
+  onSubmit: () => void;
+};
+
+export default function ApiKeyRevokeDialog({ apiKey, onSubmit }: Props) {
+  const { t } = useTranslation();
+
+  const handleSubmit = async () => {
+    await apiKey.delete();
+    onSubmit();
+  };
+
+  return (
+    <ConfirmationDialog
+      onSubmit={handleSubmit}
+      submitText={t("Revoke")}
+      savingText={`${t("Revoking")}…`}
+      danger
+    >
+      {t("Are you sure you want to revoke the {{ tokenName }} token?", {
+        tokenName: apiKey.name,
+      })}
+    </ConfirmationDialog>
+  );
+}