fix: ui add tooltips on repository url links and names (#9868)

[xieyanke]

Checklist:

• Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this does not need to be in the release notes.
• The title of the PR states what changed and the related issues number (used for the release note).
• I've included "Closes [ISSUE #]" or "Fixes [ISSUE #]" in the description to automatically close the associated issue.
• I've updated both the CLI and UI to expose my feature, or I plan to submit a second PR with them.
• Does this PR require documentation updates?
• I've updated documentation as required by this PR.
• Optional. My organization is added to USERS.md.
• I have signed off all my commits as required by DCO
• I have written unit and/or e2e tests for my change. PRs without these are unlikely to be merged.
• My build is green (troubleshooting builds).

[codecov]

Codecov Report

Merging #10108 (388b274) into master (a60dd36) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master   #10108   +/-   ##
=======================================
  Coverage   45.76%   45.76%           
=======================================
  Files         234      234           
  Lines       28460    28460           
=======================================
  Hits        13025    13025           
  Misses      13658    13658           
  Partials     1777     1777           

Impacted Files	Coverage Δ
util/settings/settings.go	51.36% <0.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[ashutosh16]

@xieyanke Thanks for raising the PR. Can you add a screenshot of the change - expected/actual?

[xieyanke]

Hi @ashutosh16 , As follows:

[keithchong]

Hi @xieyanke , I think we need the repo URL as a link so users can click on it to easily navigate to the repo.

Also, if you hover over the link, the full URL does show up at the bottom left corner of the browser anyway (at least from what I've tried using Chrome and Firefox). So I don't think we should remove the usability of the link for the tooltip.

[xieyanke]

Hi @keithchong, I have solved this problem, now users can hover over the link and the tooltip will show up at the top of it, users also can click on the link to navigate to the repo (I've tested it using Chrome version: 104.0.5112.79 & Firefox version: 103.0)

I think getting the full URL with tooltips is necessary, because when users add a new long url repo and ArgoCD has too many long url repos in repo-list, he cannot determine which one is he added

[keithchong]

LGTM