Social Icons not displaying correctly in Pawtucket 2.x

[poplarmedia]

When loading the default theme in a fresh install of Pawtucket, or upgrading 1.X to 2.x, the social icons stop working. See this screen capture:

It looks like when upgrading Font Awesome r4 to r5, the classes change where brands like Youtube or Facebook use fab class instead of fa
https://docs.fontawesome.com/v5/web/setup/upgrade-from-v4#whats-changed-from-version-4-to-5

There is now a JS shim file to make it backwards compatible.
https://docs.fontawesome.com/v5/web/setup/upgrade-from-v4#2-set-up-version-5-assets--add-references

Can the shim JS be added to the current version, or should we update our classes to fab when using brand icons?

[poplarmedia]

Nudging this issue again. The shim does not work as expected. Ignore that suggestion. Instead, in my templates, I changed fa to fab. Also, fa-youtube-play no longer works.

FIX:
Below is a snippet I tested successfully in footer.php. I also added newer socials: Instagram, LinkedIn, and TikTok.

<ul class="list-inline pull-right social">
	<li><i class="fab fa-bluesky" aria-label="<?php print _t("Bluesky"); ?>"></i></a></li>
	<li><i class="fab fa-facebook-square" aria-label="<?php print _t("Facebook"); ?>"></i></a></li>
	<li><i class="fab fa-instagram" aria-label="<?php print _t("Instagram"); ?>"></i></li>
	<li><i class="fab fa-linkedin" aria-label="<?php print _t("LinkedIn"); ?>"></i></li>
	<li><i class="fab fa-mastodon" aria-label="<?php print _t("Mastodon"); ?>"></i></li>
	<li><i class="fab fa-tiktok" aria-label="<?php print _t("TikTok"); ?>"></i></li>
	<li><i class="fab fa-x-twitter" aria-label="<?php print _t("X-Twitter"); ?>"></i></li>
	<li><i class="fab fa-youtube" aria-label="<?php print _t("YouTube"); ?>"></i></li>
</ul>

This will solve the issue.

Suggest with the next decimal release upgrading to FA7, which was released about a month ago. Or at least FA6, It has icons for Bluesky and X.