[ZUI][Feat] Implement new UX for API Key management.

[andaaron]

Is your feature request related to a problem? Please describe.
API Key management was implemented in #403.
The UX needs an update, see the screens at https://www.figma.com/file/DZjHjDapCMs6NMWcBJedSd/Zot?type=design&node-id=127-35872&mode=design&t=cONMJXOI6sm3xB7D-0

Describe the solution you'd like
Implement the UX design linked above.

Describe alternatives you've considered
Leave the implementation as is.

Additional context
We merged #403 as the users needed the functionality, and we did not have a workaround. We should implement the intended UX.