Use canonical FontAwesome v6 icon names, upgrading from v3-v5

[chalin]

Edit: Actually, all v3-v5 IDs should be updated to use the v6 icon's canonical name, such as the following for GitHub once Docsy is upgraded to 0.5.1+ (#48807):

<i class="fa-brands fa-github"></i>

---

Visit https://kubernetes.io/docs/concepts/windows/intro/ and you'll currently see the following page-meta links:

Notice that the <i class="fa fa-icon-circle fa-fw"></i> used to generate this icon doesn't render. The use of this icon was introduced via #29877, but even in that PR's preview the icon doesn't render, see: https://deploy-preview-29877--kubernetes-io-main-staging.netlify.app/docs/setup/production-environment/container-runtimes/#container-runtimes

FA v3 icon!

It took some digging, but I finally found it! That is 3 major versions back 😅. It was a FA v3 icon: https://fontawesome.com/v3/icon/circle

Replacement

The replacement seems to be https://fontawesome.com/icons/circle?f=classic&s=solid:

<i class="fa-solid fa-circle"></i>

[dipesh-rawat]

/kind bug
/area web-development

[dipesh-rawat]

/priority backlog
/triage accepted

[sftim]

You won't like this @chalin but the <i class="fa fa-icon-circle fa-fw"></i> was a bodge to get a correctly-indented second line with no icon.

That's the original presentation intent, so bear that in mind when considering what we'd like to preserve…

[chalin]

LOL, that's good to know. Thanks for the context @sftim. I'll revert the change.

[sftim]

Maybe we should add a Hugo comment to explain!

[chalin]

... [was] to get a correctly-indented second line with no icon.

I've recovered this behavior using fa-fw to set the width, and without an (invalid) icon specifier, see #48812 (comment).