Add Bluesky to welcome card

src/components/Welcome.tsx

@@ -5,6 +5,7 @@ import IconAmazon from "./icons/IconAmazon";
 import IconInstagram from "./icons/IconInstagram";
 import IconTikTok from "./icons/IconTikTok";
 import IconTwitter from "./icons/IconTwitter";
+import IconBluesky from "./icons/IconBluesky";
 import IconPlay from "./icons/IconPlay";
 import IconGitHub from "./icons/IconGitHub";
 
@@ -88,6 +89,16 @@ export default function Welcome(props: WelcomeProps) {
             <IconTwitter size={32} />
           </a>
         </li>
+        <li className={socialClass}>
+          <a
+            href="https://www.alveussanctuary.org/bluesky"
+            rel="noreferrer"
+            target="_blank"
+            title="Bluesky"
+          >
+            <IconBluesky size={32} />
+          </a>
+        </li>
         {nonDefault && (
           <li className={socialClass}>
             <a

src/components/icons/IconBluesky.tsx

@@ -0,0 +1,13 @@
+import { BaseIcon, type IconProps } from "./BaseIcon";
+
+// This SVG code is derived from FontAwesome (https://fontawesome.com/icons/bluesky)
+export default function IconBluesky(props: IconProps) {
+  return (
+    <BaseIcon viewBox="0 0 512 512" {...props}>
+      <path
+        fill="currentColor"
+        d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"
+      />
+    </BaseIcon>
+  );
+}