Add last used column for API tokens

[nwmac]

Summary

Fixes #11870

Occurred changes and/or fixed issues

The PR adds the 'Last Used' information for API tokens, as implemented by this backend PR: rancher/rancher#45732

Technical notes summary

Fairly simple - we define a new column and add it to the API Keys/Tokens table. Added translation as aell.

Areas or cases that should be tested

• Go to the API Keys from the user preference menu (top right avatar)
• Verify that the tokens table included a 'Last Used' column
• Check the column sorting works correctly
• Hover over one of the Last Used cells and check that a tooltip appears, showing the absolute date/time

Screenshot/Video

New 'Last Used' column:

Hover on last used shows absolute date/time:

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes

[richard-cox]

Added question in comment. I couldn't see this working either using latest head

[richard-cox]

Tricky one. Do existing tokens get updated on upgrade? when lastUsedAt is empty we'll show Never, which is a bit inaccurate.

Could add something like formatterOpts: { missingKey: 'generic.unknown' }, and plumb that into LifeExpiryDate via the prop below?

missingKey: {
     type:    String,
     default: `generic.never`,
   },

[nwmac]

Will take a look - agreed

[nwmac]

.. although for a newly created token, I think it is empty, so showing Never is accurate, since it's never been used... will check on a fresh system by creating a token then upgrading Rancher.

[richard-cox]

ah good point. maybe just leaving empty would be the best option?

[nwmac]

@richard-cox Backend is not merge - I tested with a locally built Rancher from the backend PR.