Rearrange Clone Panel

[BlenderDefender]

This pull request restores the state of the pull request #23231, unfortunately, changing the pull request head is not possible. Created as draft PR until #27931 is merged in.

Rearrange the clone panel to use less horizontal space. The following changes have been made to achieve this:

• Moved everything into the dropdown menu
• Moved the HTTPS/SSH Switch to a separate line and made the buttons larger
• Added a short description what HTTPS- and SSH-Cloning are for
• Moved the "Clone in VS Code"-Button up and added a divider to separate cloning and downloading
• Named the dropdown button "Code", added appropriate icon and made the button a primary button to raise more attention.

Before:

Current look (needs improvements):

This pull requests aims to fix #23202

[silverwind]

Created as draft PR until #27931 is merged in

Is it really a dependency?

[silverwind]

I would strongly prefer if this would use tippy.js for the dropdown menu because fomantic dropdowns have numerous issues and I would like to remove those eventually.

Take a look how the PR review button is implemented, it needs a tiny bit of glue JS to associate the button with the menu content.

[BlenderDefender]

Alright, thanks for the feedback 👍
#27931 isn't a really a dependency in the sense that I could only work on this once it's merged in, but this PR almost certainly breaks the other one. If that's not a problem, I'll continue working on this and mark it ready for review as soon as I'm done.

[silverwind]

I guess it shouldn't be blocked by that semi-stale PR. It already has accumlated a number of merge conflicts.

Regarding this topic, I'm kind of neutral. On one side I like the 1-click copy behaviour of the current behaviour, but I guess we need to save space on this section which this button brings.

I suggest moving the search field to the right with this change, to the left side of the code button (Edit: I see your screenshot already does that so 👍)