Revamp Copy Pull Command

[bupd]

Thank you for contributing to Harbor!

Comprehensive Summary of your change

• Added a new User Preferences section under User Settings.
• Moved Language Selection and Datetime Rendering (ISO 8601) to the new User Preferences section.
• Simplified "Copy Pull Command" button.
• Added an copyable field with a copy button above the table, similar to Docker's pull command format (docker pull project/repo).
• Included additional container runtimes (nerdctl, ctr, crictl) alongside docker and podman.
• Made Config options clear and easy to use.
• Placed a Copy Button near the tag and digest in the table.

These changes revamp the user experience, reducing clicks and improving the flow for copying pull commands.

Issue being fixed

Fixes #21146

Please indicate you've done the following:

• Well Written Title and Summary of the PR
• Label the PR as needed. "release-note/ignore-for-release, release-note/new-feature, release-note/update, release-note/enhancement, release-note/community, release-note/breaking-change, release-note/docs, release-note/infra, release-note/deprecation"
• Accepted the DCO. Commits without the DCO will delay acceptance.
• Made sure tests are passing and test coverage is added if needed.
• Considered the docs impact and opened a new docs issue or PR with docs changes if needed in website repository.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 46.34%. Comparing base (c8c11b4) to head (b0bab10).
Report is 336 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #21155      +/-   ##
==========================================
+ Coverage   45.36%   46.34%   +0.97%     
==========================================
  Files         244      248       +4     
  Lines       13333    13925     +592     
  Branches     2719     2872     +153     
==========================================
+ Hits         6049     6453     +404     
- Misses       6983     7132     +149     
- Partials      301      340      +39     

Flag	Coverage Δ
unittests	46.34% <ø> (+0.97%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

see 492 files with indirect coverage changes

[bupd]

Screenshot

[bupd]

Screenshots for Reference

Overall View

Change preference settings

Working GIFs

Copying pull command for Images

Copying pull command for Tags

[bupd]

ready for review

[bupd]

.

[bupd]

We can certainly discuss this from different angles, but at the end of the day, UX should always prioritize simplicity and clarity.

1 click > 3 clicks.

Our focus should always be on what's best for the user. The UI should be intuitive, easy to understand, and foolproof, not a guessing game.

For example, having a copy button above the datagrid, similar to Docker Hub, makes it much easier for users to copy exactly what they need, with clear feedback. This saves them unnecessary clicks and results in better UX overall.

Thanks for considering this perspective!