Display the type icon in the add button

Is this coming in the new version? Would love to see this happening.

I just try in browser to see how will looks. Here is the code which I added and the screenshot how it looks.

    padding-left: 40px;
    background: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcS53Bs4N3AwZ8wfFSWktsb_uism7i2tgJDd3Bu0dIG9d1EoEPh5dmzvqA) no-repeat 8%;
    background-size: 20px;

Here is better mock-ups.

Updates for last mock-up.

Updated mock-ups.

This should be easy to adapt from #2831763: Use Paragraphs types icons in the "Modal" add mode now.

Do mind that #2898658: Display non-square paragraphs type icons in the modal form buttons correctly is an issue however, so we might want to solve that first.

I think this would be a better fit as a modal with larger icons. Not everything can be represented as a tiny image.

I added an option to the "display widget" config form to choose if you want to show the Paragraph type icon in the add button. If selected, the icon will be shown in the buttons, and also inline with the "select" widget (See screenshots).

I attach a patch.

please take a look

Sorry I forgot to add new files. Here goes again.
Thanks

I've made something that's not useable for the community; the patch is simply applicable for our own specific situation, however I still wanted to share. I've added a screenshot aswell.

It's a little patch and some custom CSS for Gin which we load in through a different module.

The custom CSS is super basic and looks like this:

#edit-field-paragraphs-add-more:has(> .field-add-more-submit.add-mode-button) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}

#edit-field-paragraphs-add-more > .field-add-more-submit.add-mode-button {
  height: 4rem;
  font-size: 14px;
  padding-left: 4.4rem;
  text-align: start;
  background-size: 4rem;
  background-position: left;
  background-repeat: no-repeat;
}

#edit-field-paragraphs-add-more > .field-add-more-submit.add-mode-button:hover {
  color: var(--gin-color-primary);
  background-color: var(--gin-bg-header);
}