Migrate Olivero's comments to use single directory components

This is ready for review now, however there are some considerations:

1. For the component group I used "Content" but let me know if another group should be used instead (or maybe removed)?
2. The component is still calling the olivero/comments library, because this library is also called from templates/field/field--comment.html.twig so both, the styles and JS code should be split into the lines affecting specific comments and the comments wrapper and also because I'm not sure if post css preprocessing is set up for components folder, but let me know if this should be changed.
3. The parent variable is defined as a string although it's actually a TranslatableMarkup object, but since it will be empty for the first comment, if it's defined as a TranslatableMarkup it will throw an error for the first one.

Post CSS will compile css found in components (since it's looking for everything inside the `core` folder), will move styles and move back to needs review.

This ready for review now, I'm interested in knowing if the approach I took for splitting the styles that affects the comments wrapper and the individual comments is the right one.

There is one selector that's using duplicated styles in both places but I'm not sure if it's used on the comments form / wrapper since I can't find it inspecting the page: .add-comment__picture.

I noticed that Single Directory Components it's not only loading the compiled CSS file but also the PostCSS file, since the extension ends on .css as well, I opened an issue regarding this here: https://www.drupal.org/project/sdc/issues/3365730 ✨ SDC is loading Post CSS files, not just compiled CSS files Closed: works as designed

Seems there were some failures in the MR.

@smustgrave the MR is green, the pipeline tab in it is empty and the CI job is building successfully: https://www.drupal.org/pift-ci-job/2687312 →

Could you specify which problems are you seeing?

“Build successful” with a grey box means tests did not pass. Usually a night watch test I think.

Would check here https://dispatcher.drupalci.org/job/drupal_patches/186199/console

When the bar is green and it says xyz tests passed then it’s good.

I don't know if this will ever pass tests. The SDC is not enabled by default within the standard profile, so when it goes to test the comments, it's going to get a WSOD.

Just left some comments in the MR. Lots of good work here. Thanks!

Since these can’t be merged yet could probably update standard to include sdc? Just to see if the tests pass?

I did the suggested changes and some cleanup, however tests are still failing. I'm moving it to needs review to test the functionality, and the failing test can be addressed once SDC is part of core.

They're failing because SDC is not part of the standard profile install. You can add the module and push up here (others have done that) and see if the tests pass. But the SDC can't be added to standard until it's marked stable.

These olivero tickets are just getting a leg up on when that happens. So SDC will be marked stable, added to standard, then all these tickets should be good to go with (hopefully) minimal tweaking if at all.

What i see that this comment is pretty same except small details(modifiers) to

https://www.drupal.org/project/drupal/issues/3365367#comment-15527524 📌 Convert Olivero's teaser into a single directory component Postponed

So probably we need to try to user one component here.

Gauravvvv → made their first commit to this issue’s fork.