feat: rename access tokens to api keys

[YounixM]

Revert : #4597

Screen.Recording.2024-12-20.at.17.15.24.mov

---

Important

Renames 'Access Tokens' to 'API Keys' across text, routes, and components for consistency.

• Text Changes:
  • Rename 'Access Tokens' to 'API Keys' in routes.json, titles.json, and apiKeys.json.
  • Update text in APIKeys.tsx and APIKeys.test.tsx to reflect the new terminology.
• Route Changes:
  • Update route paths in routes.ts and AppRoutes/routes.ts from /settings/access-tokens to /settings/api-keys.
• Component Changes:
  • Modify APIKeys component in APIKeys.tsx to use 'API Keys' in UI elements and logic.
  • Adjust test cases in APIKeys.test.tsx to align with the new terminology.

^{This description was created by for 71fbaa8. It will automatically update as commits are pushed.}

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to 594c2f1 in 32 seconds

More details

• Looked at 298 lines of code in 9 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. frontend/src/container/APIKeys/APIKeys.tsx:574

• Draft comment:
  The title of the delete modal should be 'Delete Key' instead of 'Delete Token' to maintain consistency with the rest of the application.
• Reason this comment was not posted:
  Comment was not on a valid diff hunk.

2. frontend/src/container/APIKeys/APIKeys.tsx:525

• Draft comment:
  Use design tokens or predefined color constants instead of hardcoding color values. This issue is also present on lines 574, 612, 683, and 704.
• Reason this comment was not posted:
  Comment was not on a valid diff hunk.

Workflow ID: wflow_FQR7UclpETLmpegT

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[ellipsis-dev]

👍 Looks good to me! Incremental review on 420c9cb in 1 minute and 11 seconds

More details

• Looked at 27 lines of code in 2 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. frontend/src/mocks-server/__mockdata__/apiKeys.ts:85

• Draft comment:
  Consider renaming 'No Expiry Key' to 'No Expiry API Key' for consistency with the new terminology. This applies to other instances like 'Editor Token for user 1', 'Editor Token for user 2', etc.
• Reason this comment was not posted:
  Decided after close inspection that this draft comment was likely wrong and/or not actionable:
  The comment points out a real inconsistency in naming - some entries use "Token" while others use "Key". However, this seems more like a suggestion than a critical issue. The comment also goes beyond the scope of the current change by suggesting changes to other entries that weren't modified. The rules say to ignore cross-file issues and only focus on the changed code.
  The inconsistency in naming could cause confusion for users and developers. Having a consistent terminology throughout the UI is important for user experience.
  While naming consistency is good, this comment goes beyond the scope of the current change and feels more like a nice-to-have suggestion rather than a critical issue that needs to be fixed now.
  Delete this comment. While it raises a valid point about consistency, it goes beyond the scope of the current change and isn't critical enough to block this PR.

2. frontend/src/container/APIKeys/APIKeys.tsx:547

• Draft comment:
  Use design tokens or predefined color constants instead of hardcoding color values for consistency. This applies to other instances in this file as well.
• Reason this comment was not posted:
  Comment was not on a valid diff hunk.

Workflow ID: wflow_NlycBLJRRXLnz6CD

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.

[ellipsis-dev]

👍 Looks good to me! Incremental review on 71fbaa8 in 31 seconds

More details

• Looked at 13 lines of code in 1 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. frontend/src/container/APIKeys/APIKeys.tsx:552

• Draft comment:
  Consider renaming isExpiredToken to isExpiredAPIKey for consistency with the terminology change. This applies to other instances in the file as well.
• Reason this comment was not posted:
  Comment was not on a valid diff hunk.

2. frontend/src/container/APIKeys/APIKeys.tsx:555

• Draft comment:
  Avoid using inline styles in React components. Use external stylesheets, CSS classes, or styled components instead. This is applicable in multiple places in this file.
• Reason this comment was not posted:
  Comment was on unchanged code.

Workflow ID: wflow_zcvGskW0B8ThhVUV

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.