Add related content to guides

[gsmet]

No description provided.

[github-actions]

😭 Deploy PR Preview failed.

[gsmet]

@insectengine any chance you could help me? I added a Related content section at the bottom of the guides but I'm struggling to have the type icon aligned with the title of the guide. I tried many things but didn't end up with an acceptable result. At some point I had it aligned but the icon was truncated so it wasn't really better.

To have an example :

• Go to https://quarkus-website-pr-1831-preview.surge.sh/version/main/guides/hibernate-orm (related if you have a gateway error, it will end up appearing)
• Go to the bottom of the page in the Related content section
• You should end up with the following:

Tips welcome!

[gsmet]

/cc @yrodiere FYI

[gsmet]

@phillip-kruger btw, if you have good ideas on this one ^, they are welcome too.

[insectengine]

Sorry... I was off Friday and now the preview doesn't work.

[gsmet]

@insectengine insist a bit on the preview and it should work!

[insectengine]

@gsmet -

1. Add "position: absolute;" to the :before should do it.
2. in the :before, I don't think you need either the background-size nor the background-repeat there either.

[gsmet]

Thanks so much @insectengine , works like a charm. Will wait for CI and merge!