chore(website): update navbar icons

.editorconfig

@@ -8,6 +8,6 @@ charset = utf-8
 trim_trailing_whitespace = true
 indent_style = tab
 
-[*.{md,mdx,yml,yaml,json,toml,htm,html,js,css,svg,sh,bash,fish}]
+[*.{md,mdx,yml,yaml,json,toml,htm,html,js,ts,css,svg,sh,bash,fish}]
 indent_style = space
 indent_size = 2

website/docusaurus.config.ts

@@ -129,21 +129,31 @@ const config: Config = {
         },
         {
           href: GITHUB_URL,
+          title: 'GitHub',
           position: 'right',
           className: "header-icon-link icon-github",
         },
         {
           href: DISCORD_URL,
+          title: 'Discord',
           position: 'right',
           className: "header-icon-link icon-discord",
         },
         {
           href: TWITTER_URL,
+          title: 'X (Twitter)',
           position: 'right',
           className: "header-icon-link icon-twitter",
         },
+        {
+          href: BLUESKY_URL,
+          title: 'Bluesky',
+          position: 'right',
+          className: "header-icon-link icon-bluesky",
+        },
         {
           href: MASTODON_URL,
+          title: 'Mastodon',
           rel: 'me',
           position: 'right',
           className: "header-icon-link icon-mastodon",
@@ -177,11 +187,15 @@ const config: Config = {
               label: 'GitHub',
               href: GITHUB_URL
             },
+            {
+              label: 'Discord',
+              href: DISCORD_URL
+            },
             {
               label: 'Twitter',
               href: TWITTER_URL
             },
-						{
+            {
               label: 'Bluesky',
               href: BLUESKY_URL,
               rel: 'me'
@@ -191,10 +205,6 @@ const config: Config = {
               href: MASTODON_URL,
               rel: 'me'
             },
-            {
-              label: 'Discord',
-              href: DISCORD_URL
-            },
             {
               label: 'Stack Overflow',
               href: STACK_OVERFLOW

website/src/css/custom.css

@@ -117,3 +117,7 @@
 .icon-twitter::before {
   mask-image: url('/img/icon-twitter.svg');
 }
+
+.icon-bluesky::before {
+  mask-image: url('/img/icon-bluesky.svg');
+}