UI: display repository's name and URL through the Tooltip component in the repository list

[xieyanke]

Summary

1. Display repo's name through the Tooltip component
2. Display repo's URL through the Tooltip component

Motivation

If the repo's name or URL is too long, we can't get the full information in the repos list

Proposal

<!-- https://github.com/argoproj/argo-cd/blob/master/ui/src/app/settings/components/repos-list/repos-list.tsx -->

<div className='columns small-2'>
    <Tooltip content={repo.name}>
        <span>{repo.name}</span>
    </Tooltip>
</div>
<div className='columns small-5'>
    <Tooltip content={repo.repo}>
        <span>{repo.repo}</span>
    </Tooltip>
</div>                  

[saumeya]

Hi @xieyanke , Thanks for the issue, do you want to submit a PR with attached screenshots?

[xieyanke]

@saumeya All right, like this: