Tweak language on API key list

app/scenes/Settings/ApiKeys.tsx

@@ -43,7 +43,7 @@ function ApiKeys() {
 
   return (
     <Scene
-      title={t("API Keys")}
+      title={t("API")}
       icon={<CodeIcon />}
       actions={
         <>
@@ -60,7 +60,7 @@ function ApiKeys() {
         </>
       }
     >
-      <Heading>{t("API Keys")}</Heading>
+      <Heading>{t("API")}</Heading>
       <Text as="p" type="secondary">
         <Trans
           defaults="Create personal API keys to authenticate with the API and programatically control
@@ -80,7 +80,7 @@ function ApiKeys() {
       <PaginatedList
         fetch={apiKeys.fetchPage}
         items={apiKeys.orderedData}
-        heading={<h2>{t("Generated Keys")}</h2>}
+        heading={<h2>{t("Personal keys")}</h2>}
         renderItem={(apiKey: ApiKey) => (
           <ApiKeyListItem
             key={apiKey.id}

app/scenes/Settings/components/ApiKeyListItem.tsx

@@ -8,6 +8,7 @@ import CopyToClipboard from "~/components/CopyToClipboard";
 import Flex from "~/components/Flex";
 import ListItem from "~/components/List/Item";
 import Text from "~/components/Text";
+import Time from "~/components/Time";
 import useUserLocale from "~/hooks/useUserLocale";
 import ApiKeyMenu from "~/menus/ApiKeyMenu";
 import { dateToExpiry } from "~/utils/date";
@@ -28,6 +29,7 @@ const ApiKeyListItem = ({ apiKey, isCopied, onCopy }: Props) => {
 
   const subtitle = (
     <Text type={hasExpired ? "danger" : "tertiary"}>
+      {t(`Created`)} <Time dateTime={apiKey.createdAt} addSuffix /> &middot;{" "}
       {apiKey.expiresAt
         ? dateToExpiry(apiKey.expiresAt, t, userLocale)
         : t("No expiry")}

shared/i18n/locales/en_US/translation.json

@@ -766,9 +766,8 @@
   "No documents found for your search filters.": "No documents found for your search filters.",
   "Search Results": "Search Results",
   "API key copied to clipboard": "API key copied to clipboard",
-  "API Keys": "API Keys",
   "Create personal API keys to authenticate with the API and programatically control\n          your workspace's data. API keys have the same permissions as your user account.\n          For more details see the <em>developer documentation</em>.": "Create personal API keys to authenticate with the API and programatically control\n          your workspace's data. API keys have the same permissions as your user account.\n          For more details see the <em>developer documentation</em>.",
-  "Generated Keys": "Generated Keys",
+  "Personal keys": "Personal keys",
   "No expiry": "No expiry",
   "Copied": "Copied",
   "Revoking": "Revoking",