Show artifactId in the extensions picker

[xorye]

In the Quarkus guides, sometimes, extensions are referred to by the groupId + artifactId.

Examples:
https://quarkus.io/guides/kubernetes#add-readiness-and-liveness-probes
https://quarkus.io/guides/kubernetes#using-the-kubernetes-client
https://quarkus.io/guides/flyway#setting-up-support-for-flyway
https://quarkus.io/guides/qute#hello-world-with-jax-rs

Currently, the extensions picker does not display the groupdId or the artifactId, making it hard to identify which extensions the guides are referring to.

The artifactId was displayed before this PR: #165. It would be nice if we brought back the artifactId.

The extensions picker currently looks like this:

[xorye]

How does this look? In the gif, I am showing the artifactId when showing extension descriptions in place of the extension category:

[fbricon]

@xorye your image is missing

[xorye]

@fbricon it was a gif, does it work now?

Here is an image instead:

[xorye]

[xorye]

@fbricon what do you think about this?

Here are some other options I explored:

Example A

Example B

Example C

Example D

Example E

[xorye]

IMHO I think the first gif seems pretty solid because it shows both groupId and artifactId (does it look to bloaty having both?) and still shows the category (Data, Messaging, Integration etc.) when you click on the icon on the top right corner

Having the groupId/artifactId and the category at the same time seems a bit messy.

It would be great if the detail section (the grey line underneath the extension name) could support newlines, but it seems like that's not possible. If we could put newlines, we could maybe put groupid/artifact in its own line.

[fbricon]

Yeah 1st example is the best. Allows you to toggle between light and bloaty but informative descriptions